/*! normalize.css - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

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

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}



/* ==========================================================================
   button
   ========================================================================== */


#btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

#btn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
    height:100%;
    padding:0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 
{
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*********************************************************************************/
/* Center_container                                                                       */
/*********************************************************************************/

#center_container
{
/*    float: center;*/
    width: 100%;
}

#center_container .title
{
    padding-bottom: 2em;
    text-align: center;
}

#center_container h2
{
    font-size: 2em;
}

#center_container .byline
{
    padding-top: 0;
    font-size: 1.5em;
}

/*********************************************************************************/
/* Title Styles                                                                  */
/*********************************************************************************/

.title
{
    text-align: center;
    color: #3f3f3f;
}

.title h2
{
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-weight: 700;
    color: #3f3f3f;
}

.title .byline
{
    display: block;
    padding-top: 1em;
    font-weight: 300;
    font-size: 1.1em;
}

/*********************************************************************************/
/* Major Styles                                                                  */
/*********************************************************************************/

.major
{
    overflow: hidden;
    margin-bottom: 4em;
    text-align: center;
}

.major h2
{
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 700;
    color: #3f3f3f;
}

.major .byline
{
    display: block;
    padding-top: 0.2em;
    font-weight: 300;
    font-size: 2em;
}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#page
{
    overflow: hidden;
    padding: 6em 0em;
    border-top: 1px solid #E5E5E5;
}


/*********************************************************************************/
/* Social Icon Styles  http://fortawesome.github.com/Font-Awesome/  */
/*********************************************************************************/

ul.contact
{
    overflow:  hidden;
    margin: 0 0 0 0;
    padding-top: 0;
    text-align: center;
}

ul.contact li
{
    display: inline-block;
    padding: 0em 0em;
    font-size: 1em;
}

ul.contact li span
{
    display: none;
    margin: 0;
    padding: 0;
}

ul.contact li a
{
    color: #ffffff;
}

ul.contact li a:before
{
    display: inline-block;
    background: #3f3f3f;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    text-align: center;
    color: #1884b3;
}


ul.footerLink
{
    overflow:  hidden;
    margin: 0 0 0 0;
    padding-top: 0;
    text-align: center;
}

ul.footerLink li
{
    display: inline-block;
    padding: 0em 0em;
    font-size: 1em;
}

ul.footerLink li span
{
    display: none;
    margin: 0;
    padding: 0;
}

ul.footerLink li a
{
    color: #ffffff;
}


/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

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

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Submitbutton
   ========================================================================== */

#submit {
    background-color: #1884b3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:0px;
    color: #fff;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #000000;
}



#submit:hover {
    border: none;
    background:#1884b3;
    box-shadow: 0px 0px 1px #777;
    color: #cccccc;
    border: 1px solid #000000;

}


/* ==========================================================================
   input_text
   ========================================================================== */

#input_text {
    border-style: solid;
    border-width: 1px;
    border-color: #1884b3;
    font-family: helvetica, arial, sans serif;
    font-size: 20px; 
    width: 20em;
    padding-left: 4px;

}



/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

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

/*
 * Removes inner padding and border in FF3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */
/*max-height:300px;*/
.login_popup{max-width: 500px; width: 100%; border-radius:8px; text-align:center; position:absolute; top:50%; margin-top:-218px; left:50%; margin-left:-250px; background:rgba(0,0,0,0.8); color:#FFF; padding:20px 0;z-index: 999}
.login_popup h2{margin:0px; padding:10px 0; font-weight:bold; font-size:24px;}
.login_popup a{text-decoration:none; color:#30ACDE;}
.login_popup a img{border:none; margin-top:11px;}
.login_popup form{	text-align:left;	}
.login_popup form input[type=text], .login_popup form input[type=password]{
	margin: 10px 0; padding: 5px 0; width: 100%;  /*border-radius: 0.4em;*/ text-indent:5px; border:0px;	}
.login_popup form input[type=checkbox]{margin: 20px 10px 0 0;  text-align: left;}
.login_popup input[type="button"] {
    background: none repeat scroll 0 0 #1385B6;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
	
    padding: 5px 10px; margin: 5px 0 10px;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}


html {overflow-y: scroll; overflow-x: hidden;}
body {font-family: 'Source Sans Pro', sans-serif; background:#fff; color: #676767; margin: 0; padding: 0; height: 100%;}

.wrapper {background:#fff; width: 980px; min-height: 100%; position: relative; margin: 0 auto;}
.header:after {content:"";height:0;display:block;visibility:hidden;clear:both;}
.header {background: #3f3f3f; border-bottom: 0px solid #3f3f3f; }
.header .branding-title {float: left; margin: 0 0 0 12px; font: 0/0 serif; text-shadow: none; color: transparent; width:238px;height:63px;background:url(../images/logo_newsm.png) 0 0px no-repeat;padding: 0px 0;}
.header .branding-title a {display: block; height: 63px; width: 238px;}
.header .search {float: right; margin: 14px 20px 0 0; }
.header .nav {float: right; top: 0; right: 0; margin: 0; position: relative; left: 15px; z-index: 99999999;}
.header .nav li {display: inline-block; margin: 0; list-style: none;}
.header .nav li.cart {margin-left: 64px; border: 0 solid #f16702; border-width: 0 8px;}
.header .nav li a {
    font-size: 14px;  
    color: white;
    text-decoration: none;
    display: block;
    line-height: 40px;
    padding: 10px 0 0;
    margin: 0 50px 0 10px;
    text-align: right;
    text-transform: none;
    white-space: nowrap; 
}
.header .nav li.on a {text-decoration: underline;}
.header .nav li a:hover, .header .nav li a:active {color: #ffffff; text-decoration: underline;}
.header .nav li.cart a {
    width: 122px;
/*    font-size: 0/95px serif;*/
    text-shadow: none;
    color: transparent;
    margin: 0;
}

/*#content {min-height: 400px; background: #f6f4f3; border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: 1px 1px 2px #888;}*/
#content {min-height: 400px; background: #fff; }
.section.banner {height: 290px; background: #3d3d3d url('../img/banner-background.jpg') center center no-repeat;}
.section.banner .wrapper {position: relative;}
.section.banner .hero {position: absolute; top: -89px; left: 177px; z-index: 999;}
.section.banner .button {
    display: block;
    position: absolute;
    top: 97px;
    left: 590px;
    margin: 0;
    background-image: linear-gradient(bottom, rgb(35,124,219) 0%, rgb(39,136,232) 16%, rgb(119,184,249) 100%);
    background-image: -o-linear-gradient(bottom, rgb(35,124,219) 0%, rgb(39,136,232) 16%, rgb(119,184,249) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(35,124,219) 0%, rgb(39,136,232) 16%, rgb(119,184,249) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(35,124,219) 0%, rgb(39,136,232) 16%, rgb(119,184,249) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(35,124,219) 0%, rgb(39,136,232) 16%, rgb(119,184,249) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(35,124,219)),
        color-stop(0.16, rgb(39,136,232)),
        color-stop(1, rgb(119,184,249))
        );
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #029af1;
    z-index: 0;
}
.section.banner a {
    width: 200px;
    padding: 20px 20px 20px 50px;
    display: block;
    text-decoration: none;
    background: url(../img/banner-link-arrow.png) 100% 50% no-repeat;
    color: #f6f4f3;
}
.section.banner a:hover {
    color: #ffe200;
}
.section.banner h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    line-height: 1.3;
}
.section.banner p {
    color: #f6f4f3;
    font-style: italic;
    font-size: 14px;
    margin: 0;
}
.section.page:after {content:"";display:block;visibility:hidden;height:0;clear:both;}
.section.page {padding: 34px 0; background: #fff;}
.section.page h1 {
    font-size: 24px; 
    text-align: center;
    text-transform: uppercase;
    line-height: 1.6;
    font-weight: normal;    
}
.section.page .shirt-details h1 {
    text-align: left;
}
.section.page p {width: 375px; margin-left: auto; margin-right: auto; }
.section.page .shirt-details h1 .price {color: #9d9f4e; padding-right: 10px; font-size: 34px;}
.section.shirts {padding-bottom: 42px; background: #fff;}
.section.shirts h2 {
    font-size: 24px; 
    color: #c0bfbe;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.6;
    font-weight: normal;
}
.section.shirts ul.products {margin: 0 0 -17px 0; padding: 0; width: 997px;}
.section.shirts ul.products li {
    display: inline-block;
    list-style: none;
    border: 1px solid #e3e1e0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 202px;
    text-align: center;
    text-transform: lowercase;
    padding: 14px;
    background: #f0eeed;
    margin: 0 0 17px 17px;
    position: relative;
    left: -17px;
}
.section.shirts ul.products li a:hover:after {
    content: '+';
    font-size: 50px; position: absolute; top: -10px; right: 25px; color: #f16702; vertical-align: top;    
}
.section.shirts ul.products li a {
    background: white;
    display: block;
    padding: 30px 0 10px;
    text-decoration: none;
    color: #999;
    opacity: .9;
}
.section.shirts ul.products li a:hover {
    opacity: 1;
    color: #666;
}
.section.shirts ul.products li img {
    width: 190px;
}
.section.shirts ul.products li p {
    margin-left: 0;
    margin-right: 0;
    width: auto;
}

.shirt-picture {
    float: left;
    width: 460px;
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 14px;
    background: #f0eeed;    
}
.shirt-picture span {
    background: white;
    display: block;
    width: 100%;
    padding: 36px 0 61px;
}
.shirt-picture img {width: 292px;}
.shirt-details {
    width: 460px;
    float: right;
}
.shirt-details form {
    margin-left: 0;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 16px;
    top: 30px;
}

input[type=radio] {
    display: none;
}

input[type=checkbox] {
    display: none;
}

label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    /*position: absolute;
    left: 0;
    bottom: 1px;*/
    background-color: #aaa;
	vertical-align:middle;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.radio label:before {
    border-radius: 8px;
}
.checkbox label { top:0px;}
.embed_wrap .radio label { top:0px;}
.embed_wrap .radio{ display: inline-block ; padding-left: 0px;}
.checkbox label::before {
    background-color:#fff;
    box-shadow:none;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    right: -34px;
    vertical-align: middle;
    width: 16px;
    z-index: 99999;
    border: 2px solid #999;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #0084b4;
    font-size: 34px;
    text-align: center;
    line-height: 10px;
}
input[type=checkbox]:checked + label:before {
    content: '✔';
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 14px;
    font-weight: bold;
    
}
.checkbox.two label::before { right: inherit; left: 0px;}
.whiteBlc { display: inline-block; border: 1px solid #999; padding: 0 10px; vertical-align: top;}
.Blck { background: #000; color: #fff;display: inline-block; border: 1px solid #999; padding: 0 10px; vertical-align: top;}
.embed_con > input {
    width: 80px;
}
form {width: 320px; margin: 34px auto;}
form tr {
    border: 1px solid #CCC;
    background: #f4f3f2;
}
form table {width: 375px; margin-bottom: 16px;}
form th {
    width: 85px;
    border-right: 1px solid #CCC;
    vertical-align: middle;
    padding: 8px;
}
form td {
    padding: 15px 15px;
}
form td select,
form td input,
form td textarea {
    width: 100%;
}
/*form input[type="submit"] {
    width: 375px;
    text-align: center;
    border: 1px solid #000000;
    background: #1884b3;
    color: #ffffff;
    -webkit-border-radius: 2px;
    border-radius: 2px;    
    font-family: 'Source Sans Pro';
    font-size: 16px;
    text-transform: uppercase;
    padding: 14px;
}*/


.breadcrumb {
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0 0 14px;
    color: #3f3f3f;
}

.breadcrumb a:link {
    color: #1884b3;
}

.breadcrumb a:hover {
    color: #1884b3;
}

.breadcrumb a:active {
    color: #1884b3;
}

.breadcrumb a:visited {
    color: #1884b3;
}

.note-designer {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.footer {
    background: #3f3f3f;
    padding: 10px 0;
    height:30px;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    font-size: 0.80em;
    color: #a5a5a5;
    font-family: Source Sans Pro, sans-serif;
/*    position:fixed;*/
    bottom:0;
    width:100%;
}
.footer ul {margin:6px 6px 0 0; padding: 0; float: left;}
.footer ul li a img{margin:0 15px 0 0; vertical-align:middle;}

.footer ul li:last-child:after {content:"";}
.footer p {margin: 7px; text-align: right; padding-right: 30px; font-size: 11px; }
.footer a {text-decoration: none; color: #0084b4; margin: 0 10px;}
.footer li:first-child a {margin-left: 30px;}
.footer a:hover, .footer a:active {text-decoration: underline;}
/*.center_large{}*/

.filter_radios{background: #fff none repeat scroll 0 0;border: 1px solid #ddd; margin-bottom: 0;}
.filter_radios label{display: inline-block; padding:0; position:inherit}
.filter_radios input[type=radio]{float: none}

.icon_svg {  width: 20px; padding: 5px;   background-color:#1e1e1e;   height: 20px;     cursor: pointer;    }
.widget {z-index: 1;}
.popup_one{padding: 5px 15px 15px; background: #F5F5F5; border: 1px solid #ddd; position: absolute; top: 35px; right: 0px; width: 100%; max-width: 265px; display: none; z-index: 99999999; text-align: left}
.popup_one textarea { margin: 5px 0 0;max-width: 96%;min-width: 96%;}
.icon_svg_close { cursor: pointer; padding: 0; position: absolute; right: -5px; top: -5px; width: 20px; z-index: 10;}


.popupWrap{float: right; margin-bottom: 10px; width: 30%;}
.svg_icon{  width: 20px; padding: 5px; cursor: pointer; height: 20px;    }
.section.page {margin:0; padding:0;}
.section.page  form { margin: 34px auto; width: 530px;}
.formRow { margin: 20px; width: 100%;}
.formRow  span{float:left;}
.formRow  input{margin-left: 35px; width:80%;}
.formRow  textarea{margin-left:18px; width:80%;}	
.formRow #submit{width:70px;}

.formRow2 { margin: 20px; width: 100%;}
.formRow2  span{display:inline-block; width:164px; text-align: right }
.formRow2  input{display:inline-block; margin-left: 5px; width:59%;}
.formRow2  textarea{display:inline-block; margin-left:5px; width:59%;}	
.formRow2  select{display:inline-block; margin-left:5px; width:59%;}	
.formRow2 #submit{width:70px;}
.loader_div{background:#FFF url(../images/loader.gif) no-repeat center center;
            height: 100%;
            width: 100%;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            opacity: 0.4;
            /*margin: -25px 0 0 -25px;*/
}



/***			NEW HOME PAGE DESIGN			***/

/*.new-header{ background:#f6f5f3;}
.new-header li a{font-size:16px !important; font-weight:bold; color:#1983b5 !important;}
.new-home-page{background:#f6f5f3; border:none !important;}*/

.new-header{ background:#fff;}
.new-header li a{font-size:16px !important; font-weight:bold; color:#1983b5 !important;}
.new-home-page{background:#fff; border:none !important;}
.new-home-page h2{padding-top:4px !important; letter-spacing:0.15em !important; margin-bottom:5px;}
.new-home-page form.searchform{max-width:600px !important; width:100%;}
.new-home-page form input[type=text]{width:69%; height:40px; margin-right:10px;}
.new-home-page form input[type=submit]{height:42px; font-weight:bold; padding:0 10px;}
.new_login_width{ margin-left:-500px; max-width: 1000px; width: 100%;}
.login_width{max-width: 500px; width: 100%; float: left}
.login_width form {
	margin:10px auto 0; text-align:left;
}
#login_email_form h4 {
    font-size: 1.25em; text-align:left;  margin: 15px 0 10px;
}
.login_width form input[type=text]{
    height: 35px;  margin: 0 0 20px; width:100%; border-radius:0px; padding:0; border:none;
}
.login_width form input[type="password"] {
    float: left;
    height: 35px;
    width: 70%;
		margin:0 0 10px 0; border:none;
		border-radius:0px; padding:0;
}
.login_width form input[type="button"] {
    background:#1385B5;
    border: 1px solid #000000;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    height: 35px;
    padding: 0; margin:0;
    width: 25%;border-radius:0px;
}
.login_width form a{
    color: #FFFFFF;
    padding-left: 10px;
}
.login_seprator{
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid white;
}

.reg_filed{ color:#F00; font-size:10px;}
.fl {float: left !important;}
.fr {float: right !important;}
.close_popup{position: absolute; right: 0px; color: #fff; top: 3px; width: 25px; font-weight: bold;}
.close_popup a{text-decoration: none;color: #fff}
@media all and (min-width: 768px) and (max-width: 1023px)
{
  form {margin: 10px auto; width:280px;}
	.header .nav li a {display: block; font-size: 12px;  margin: 0 40px 0 10px; padding: 10px 0 0;}
	#page { width: 100%;}
    .search form{margin:0 3px; width:320px;}
    .wrapper { width: 740px;}
    .section.page {margin:0; padding:0;}
    .section.page  form { margin: 34px auto; width: 530px;}
    .formRow { margin: 20px; width: 100%;}
    .formRow  span{float:left;}
    .formRow  input{margin-left: 35px; width:80%;}
    .formRow  textarea{margin-left:18px; width:80%;}	
    .formRow #submit{width:70px;}
		.new-home-page form.searchform{max-width:600px !important; width:100%;}
		
.login_width {
    max-width: 356px;
    width: 100%;
}

.new_login_width {margin-left: -365px;  max-width: 730px; width: 100%;}
}

@media all and (min-width: 640px) and (max-width: 767px)
{
    form {margin: 10px auto; width:280px;}
	menu, ol, ul{padding:0 0 0 10px;}
	.header .nav li a {display: block; font-size: 12px;  margin: 0 15px 0 8px;  padding: 10px 0 0;}
	#page { width: 100%;}
	.popup{width:500px; margin-left:-250px;}
	.search form{margin:0 3px; width:320px;}
    .wrapper { width: 600px; font-size: 14px;}
    .section.page {margin:0; padding:0;}
    .section.page  form { margin: 34px auto; width: 530px;}
    .formRow { margin: 20px; width: 100%;}
    .formRow  span{float:left;}
    .formRow  input{margin-left: 35px; width:70%;}
    .formRow  textarea{margin-left:18px; width:70%;}	
    .formRow #submit{width:70px;}
		.new-home-page form.searchform{max-width:600px !important; width:100%;}
		.login_seprator { display:none}
    .header .nav{float: none; position: absolute; top: 3px; right: 5px; left: inherit}
    .popup_one{width: 88%}
    .popupWrap{float: right; margin-bottom: 10px; width: 88%;}
	
}
@media all and (min-width: 480px) and (max-width: 639px)
{
    b, strong, h2{font-size:14px;}
    form {margin: 10px auto; width: 280px;}
	.popup{width:280px; margin-left:-140px;}
	.popup a img{max-width: 180px;}
    #page {padding: 2em 0;  width: 100%;}
    #center_container .byline{padding:0 10px;}
    #submit{font-size:14px;}
    .search form input[type=text]{max-width:170px; width:100%;}
    .search form input[type=submit]{width:60px; font-size:14px;}
    .section.page{padding:10px 0;}
    .footer {font-size: 0.6em; height: 55px; padding: 5px 0;}
    .footer p { font-size: 11px;  margin: 0;  padding: 0; text-align: center;}
    .wrapper { width: 440px; font-size: 13px;}	
    .header .branding-title { background: url("../images/logo_newsm.png") no-repeat; background-size:160px; color: transparent;
                              float: left; height: 63px;  margin: 0 0 0 5px;  padding: 0;  text-shadow: none;  width: 140px;}
    .header .branding-title a {display: block; height:50px;  width: 160px;}
    .header .search { float: right;  margin: 10px 5px 0 0;}
    .section.page {margin:0; padding:0;}
    .section.page  form { margin: 34px auto; width: 430px; font-size:14px;}
    .formRow { margin: 20px; width: 100%;}
    .formRow  span{float:left;}
    .formRow  input{margin-left: 35px; width:70%;}
    .formRow  textarea{margin-left:18px; width:70%;}	
    .formRow #submit{width:70px;}
	.header .nav { padding:0px; margin:15px 0 0 0; text-align:center;float:none;position:inherit}
	.header .nav li a {
		font-size: 14px;  
		color: #1884B3;
		text-decoration: none;
		display: block;
		line-height: 18px;
		padding:10px;
		margin: 0 3px;
		text-align: center;
		text-transform: none;
		white-space: nowrap;
		
	}
    
.header .nav li a:hover {color: #1884B3;}
	
.header .branding-title{ float:none;height: 38px;}	
.header .branding-title a {
    display: block;
    height: 38px;
    width: 160px;
}
.header { height:90px;}
#center_container .byline {
    font-size: 1em;}
	
#center_container h2 {
    font-size: 1em;
}

.new-header li a{ background: none repeat scroll 0 0 #fff !important;}
.new-home-page{background:#fff; border:none !important;}
.new-home-page div img{width:95%}
.new-home-page h2{margin-bottom:50px;}
.new-home-page form.searchform{max-width:310px !important; width:100%;}
.new-home-page form input[type=text]{width:58%; }
.login_popup form { width:247px}
.login_popup { margin-top:-133px;}
.new_login_width {
    margin-left: -140px;
    max-width: 280px;
    width: 100%;
}
.login_seprator { display:none}
.header .nav{float: none; position: absolute; top: 3px; right: 5px; left: inherit}
.popup_one{width: 88%}
.popupWrap{float: right; margin-bottom: 10px; width: 88%;}
}
@media all and (min-width: 320px) and (max-width: 479px)
{
    b, strong, h2{font-size:14px;}
    form {margin: 10px auto; width: 280px;}
    #page {padding: 2em 0;  width: 100%;}
    #center_container .byline{padding:0 5px;}
    #submit{font-size:14px;}
	.popup{width:280px; margin-left:-140px;}
	.popup a img{max-width: 180px;}

    .search form{margin:0 3px; width:300px;}
    .search form input[type=text]{max-width:170px; width:100%;}
    .search form input[type=submit]{width:60px; font-size:14px;}
    .section.page{padding:10px 0;}
    .footer {font-size: 0.6em; height: 55px; padding: 5px 0;}
    .footer p {clear: both; font-size: 11px;  margin: 0;  padding: 0; text-align: center;}
    .wrapper { width: 300px; font-size: 12px; padding:0 5px;}		
    .header{height:85px;}
    .header .branding-title { background: url("../images/logo_newsm.png") no-repeat; background-size:160px; color: transparent;
                              float: left; height:35px;  margin: 0 0 0 5px;  padding: 0;  text-shadow: none;  width: 140px;}
    .header .branding-title a {display: block; height:50px;  width: 160px;}
    .header .search { float: right;  margin: 10px 12px 0 0;}

    .section.page {margin:0; padding:0;}
    .section.page  form { margin: 34px auto; width: 280px; font-size:12px;}
    .formRow { margin: 20px; width: 100%;}
    .formRow  span{float:left;}
    .formRow  input{margin-left: 35px; width:60%;}
    .formRow  textarea{margin-left:18px; width:60%;}	
    .formRow #submit{width:70px;}
	.header .nav li a {
    font-size: 14px;  
    color: white;
    text-decoration: none;
    display: block;
    line-height: 18px;
    padding: 0px 0 0;
    margin: 0 8px 0 8px;
    text-align: right;
    text-transform: none;
    white-space: nowrap; 
}
	
.header .branding-title a {
    display: block;
    height: 38px;
    width: 160px;
}

.header .nav { padding:0px; margin:15px 0 0 0;float:none; position:inherit; text-align:center;}
	.header .nav li a {
    font-size: 11px;  
    color: #1884B3;
    text-decoration: none;
    display: block;
    line-height: 18px;
    padding:5px 4px;
    margin: 0 0;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
	
}
.header .nav li a:hover {color: #1884B3;}
	
.header .branding-title{ float:none;}	
.header { height:90px;}
#center_container .byline {
    font-size: 1em;}
	
#center_container h2 {
    font-size: 1em;
}


.new-header li a{ background: none repeat scroll 0 0 #fff !important;}
.new-home-page{background:#fff; border:none !important;}
.new-home-page div img{width:95%}
.new-home-page h2{margin-bottom:50px;}
.new-home-page form.searchform{max-width:310px !important; width:100%;}
.new-home-page form input[type=text]{width:58%; }
.login_popup form { width:247px}
.new_login_width {
    margin-left: -140px;
    max-width: 280px;
    width: 100%;
	margin-top:-240px;
}
.login_seprator { display:none}
.header .nav{float: none; position: absolute; top: 3px; right: 5px; left: inherit}
.popup_one{width: 88%}
.popupWrap{float: right; margin-bottom: 10px; width: 88%;}
}
.my_modal{
    display: block;
    position: absolute;
    z-index: 10001;
    background: #fff;
    top: 25%;
    left: 25%;
    width: 50%;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.fl {float: left !important;}
.fr {float: right !important;}
.close_popup{position: absolute; right: 0px; color: #fff; top: 3px; width: 25px; font-weight: bold;}
.close_popup a{text-decoration: none;color: #fff}

.heading_p{font-size: 25px; margin: 20px auto;}
.searched_tag{color: #1585B2; font-size: 28px; font-weight: bold; margin: 20px 0 0 0;}
.social_background{margin: 30px auto; border: 1px solid #fff; width: 50%; position: relative;}
.social_background img {width: 90%}
.popup_p{font-size: 18px;}
.social_loader{background-color: #fff ; opacity: 0.5; position: absolute; height: 100%;}
.error_contents{width: 80%;margin: 20px auto 0;}
.error_heading{font-size: 22px; vertical-align: middle;font-weight: bold;}
.error_heading p {float: left; margin-left: 20px;}
.error_heading img {float: left}
.clear{clear:both; display:block;}
.limited_line{width: 40%; margin: 10px 0;}
.error_details{list-style-type: decimal}
.red_bold_error{color: red; font-weight: bold; font-size: 22px; margin-left: 70px;}
.red_error_container{font-size: 30px;}
.red_error_container p{float: left; margin: 0 30px 0;padding: 30px;background-color: #ccc;}
.red_error_container img {float: left}
.close_modal {font-weight: bold;}
.close_modal a{ text-decoration: none;color:#676767}
.tagboard_bar{background:#f9f9f9; margin: 5px 0; padding:0px 5px 0px 0; border-radius:4px; box-shadow:1px 1px 2px #888; border:1px solid #d4d4d4;}
.tagboard_bar a{padding:10px; display:inline-block ; border-right:1px solid #d0d0d0; color:#78777D; font-weight:bold;}
.tagboard_bar a:hover{background:#f6f6f6; text-decoration:none ; color: #145a7c}
/*//// Add by hasan/////////////*/
.widget a .image{max-width: 100% !important; width: 100% !important;}
.caption-box {background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #D8D8D8;color: #77777C !important;display: block; font-size: 18px !important; font-weight: bold !important; padding: 10px 0; border-radius: 3px; ine-height: 1.4em !important;  }  
.drop_down { background:#f5f5f5; position:absolute; top:0px; right:0px; z-index:99}
.drop_down ul { background:#f5f5f5; border:1px solid #e0e0e0; width:150px; position:absolute; z-index:999; top:25px; right:0; display:none; margin:0px; padding:0px;}
.drop_down ul li{ border-bottom:1px solid #e0e0e0; display:block; padding:5px 0; width:100%}
.drop_down ul li a { display:block; padding:0 0 0 10px; color:#78777e; text-decoration:none;}
.drop_down:hover ul { display:block;}	

.tagboard_bar nav {display: inline-block;width:100%;}
.tagboard_bar nav ul { margin: 0 0 2em; }
.tagboard_bar nav ul li { float: left;  line-height: 25px;}
.tagboard_bar nav ul li.more {text-align: center;padding: 8px 0 0 10px;display: none;position: relative;}
.tagboard_bar nav ul li.more:hover ul#overflow {opacity: 1;visibility: visible;}
.tagboard_bar nav ul li a,
.tagboard_bar nav ul li span {display: block;color: #78777d;text-decoration: none;cursor: pointer; -webkit-transition-duration: .3s;transition-duration: .3s;}
.tagboard_bar nav #overflow {opacity: 0;visibility: hidden; position: absolute; text-align: left; -webkit-transition-duration: .3s; transition-duration: .3s;
    right:-18px; background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: 1px 1px 2px #888; z-index: 9999;}
.tagboard_bar nav #overflow li {float: none; border-bottom: 1px solid #d4d4d4;}
.tagboard_bar nav #overflow li a {white-space: nowrap;border:0px;}
.tagboard_bar_add {background: #f9f9f9;border: 1px solid #d4d4d4;border-radius: 4px; box-shadow: 1px 1px 2px #888; margin: 5px 0; padding: 0; float: right;}
.tagboard_bar_add a{padding:10px; display:inline-block ; border-right:1px solid #d0d0d0; color:#78777D; font-weight:bold;}
.tagboard_bar_add a:hover{background:#f6f6f6; text-decoration:none ; color: #145a7c}
.tagboard_bar nav ul li a:hover{background:#f6f6f6; text-decoration:none ; color: #145a7c }
.add_tag_board a{text-decoration:none; border:none;}
.add_tag_board a:hover{background:#E9E9E9;}
.home-link{display:inline-block; width:80px; float:left; text-align:center;}
.drop-dowm-img{background:url(../images/drop-down.png) no-repeat; background-size:32px; width:32px; height:25px; display:inline-block; position:relative; margin-top:5px; vertical-align:top;}
.drop-dowm-img ul{left: -100px; list-style: none outside none; margin: 0; padding: 10px; position: absolute; top: 20px; z-index: 99;}
.drop-dn{display:none;}
.drop-dowm-img:hover .drop-dn{display:block;}
.drop-dowm-img ul li{width:220px; background:#FFF; border-bottom:1px solid #D0D0D0;}
.drop-dowm-img ul li a{border-right:0px; display:block;}
.mr10{margin-right: 10px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.follow_stats{font-weight: bold}
.follow_stats .table th, .table td{ padding:0px 20px !important;}
.following_stats a.btn { width:105px; height:24px; line-height:24px; padding:0px; margin:0px; text-align:center; background:#1884b3; color:#e7e5e5; font-size:14px;}
.follow_stats a { color:#78777d;}
.follow_stats a:hover { text-decoration:none; color:#78777d;}
.follow_stats table h3 {text-align: center !important}

.user_result {
     background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 10px 0 10px 12px;
    padding: 0 0;
    width: 32%;
    min-height:80px;
    max-height:80px;
}
.user_result span {
    display: inline-block;
    margin: 2px 0 0;
    vertical-align: top;
    width: 64px;
}
.user_result p {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    vertical-align: top;
    width: 70%;
}

.tabButton{
     padding: 15px; 
      font-weight:bold;
} 

.header_caption {
    color: #77777c !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 10px 0;
}
.custome_user_editor{
    text-align: left;
}
.custome_user_editor li a{
    padding-left: 25px !important;
}
.delete_user{
    background: url('../images/delete-icon.png') no-repeat; background-size: 12px 12px; background-position: left 2px top 4px; color: #ca0200 !important; font-size: 14px; font-weight: bold;
}
.block_user{
    background: url('../images/block_user.png') no-repeat; background-size: 14px 16px; background-position: left 2px top 2px; color: #ca0200 !important; font-size: 14px; font-weight: bold;
}
.add_user_fav{
    background: url('../images/Plus_icon.png') no-repeat; background-size: 14px 14px; background-position: left 3px top 2px; color: #0179ad !important; font-size: 14px; font-weight: bold;
}
.embed_wrap {max-width:800px; margin:0 auto;}
.embed_wrap form{ width: auto}
.embed_con { margin:0 auto; max-width:450px; padding:0px; text-align:center;}
.embed_con h2{ font-size:36px; color:#333; text-transform: uppercase; margin:0; padding:30px 0 0 0;}
.embed_con h3{ font-size:20px; font-weight:bold; color:#0084B4; text-transform: uppercase; margin:0 0 10px 0; padding:40px 0 0 0;}
.embed_con h3 span { display:inline-block; background:#000; border-radius:50%; width:18px; height:18px; line-height:18px; color:#fff; text-align:center; font-size:14px; vertical-align: 2px;}
.embed_con p{ font-size:18px; color:#78777D; margin:0; padding:5px 0 0 0;}
.embed_con p input[type="checkbox"] { margin-left:5px; margin-right:15px;}
.embed_con label { font-weight: normal;}
.embed_con p input[type="text"] { width:80px; padding:0 15px; margin-left:0;}
.embed_con span input[type="text"] { width:80px;}
.embed_con  input[type="submit"] { width:auto; padding:5px 30px; margin-top:20px; background:#0084B4; border:0px; font-size:18px; color:#fff;}
.embed_con  input[type="button"] { width:auto; padding:5px 30px; margin-top:20px; background:#0084B4; border:0px; font-size:18px; color:#fff;}
.embed_con  .preview { width:auto; padding:7px 30px; margin-top:20px; vertical-align: top; background:#0084B4; border:0px; font-size:18px; color:#fff; text-decoration: none;border-radius:3px; display: inline-block}
.copy_paste { padding:40px 10px; margin:0px;}
.copy_paste p { font-size:18px; color:#78777D; margin:0; padding:5px 0 0 0; text-align:left;}
.copy_paste textarea { width:100%; height:150px;}

/*//// Add by hasan for home page search/////////////*/
.tab_links { margin: 0 auto; max-width: 600px;}
.tab_links ul { list-style: outside none none; margin: 0; padding: 0; }
.tab_links ul li { display: inline-block; margin: 0 3%; }
.tab_links li.active > a {  background: #ccc none repeat scroll 0 0; }
.tab_links ul li a { border-radius: 4px; color: #333; font-size: 18px; padding: 8px; text-align: center; text-decoration: none; }
.section.page .tab_links > p { margin: 0; padding: 10px 0 20px; text-align: right; width: auto; font-size: 14px; }
.new-home-page form.searchform { margin-bottom: 0; }
.section.page .tab_links > p a { font-size: 14px; text-decoration: underline; color: #3f3f3f}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .icon_svg_close,.svg_icon { height:25px;} 
}