/* Article Content 
   Shemsedin Callaki
*/
/*.page-node .node-article .article-content {
  width: 850px;
  padding: 10px 0px;
}*/
/*.page-node .node-article .article-content .field {
  display: block;
  width: 430px;
  float: right;
  padding-top: 15px;
}*/
.page-node .node-article .article-content .field-name-field-cover-image { float: none; }

/*.page-node .node-article .article-content .field-name-field-image {
  clear: both;
  float: left;
  width: 330px;
}*/
.page-node .node-article .article-content .field-name-field-image .field-label { display: none; }

.page-node .node-article .article-content .field-name-field-image #pager { display: block; }

.page-node .node-article .article-content .field-name-field-image #pager a { display: inline-block; height: 15px; width: 25px; background-image: url('../images/slideshow.nav.inactive.png'); }

.page-node .node-article .article-content .field-name-field-image #pager a.activeSlide { background-image: url('../images/slideshow.nav.active.png'); }

.fb_iframe_widget span { height: 23px !important; }

.page-node .node-article .submitted, .page-node .node-article .comment-wrapper { clear: both; }

.flexslider { border: none; margin: 0px; width:100%; }

.flex-control-nav { position: absolute; bottom: 25px; width: 25.1%; left: 7%; }

.flex-control-nav li { float: left; }

.flex-control-nav li a { background: none; text-indent: 0; }

.flex-caption { width: 30%; left: 32%; }

.flex-direction-nav a.next { bottom: 0; top: auto; left: 66%; }

.flex-direction-nav a.prev { bottom: 0; top: auto; left: 0; }

.flexslider .slides img { min-width: 100%; }

.node-type-article .social-box { float:right; padding:5px 0 0 10px; }

.node-type-article .social-holder { float: left; clear: both; width: 100%; }

.node-type-article .social-holder .submitted { overflow:hidden; float: left; clear:none; }

.node-type-article .social-holder .submitted .date { font-size: 13px; }

.field-name-field-category .field-items { overflow:hidden; width:910px; margin: 10px 0 0; }

.field-name-field-category .field-item { float:left; width: 300px; background:#494949; text-align:center; padding:2px 0; margin:0 0 0 4px !important; }

.field-name-field-category .field-items .field-item:first-child { margin-left:0 !important; }

.flex-direction-nav li a { width:29px; height:43px; background: url(../images/arrow_001.gif) no-repeat; }

.flex-direction-nav li a.next { left: 81%; background-position:-29px 0; }

.flex-control-nav { left:3.3%; height:43px; background:#ceecc9; color:#132c1d; bottom:0; }

.flex-control-nav a { font:24px/36px "Conduit ITC W01 Bold", Arial, sans-serif; color:#37432f; margin:0 2px; }

.flex-control-nav a:hover, .flex-control-nav a.active { color:#fff; }

.flex-control-nav li:first-child a { margin-left:10px; }

.flex-caption { left: 28.4%; background:#ceecc9; width: 53.5%; padding: 2px 0 3px; height:38px; color:#37432f; bottom:0; text-shadow:0 0 0; }

.node-type-article .social-holder .submitted span .username { margin-right:5px; }

.debug { border:1px solid #000; }

.pullquote { width:442px; text-transform:uppercase; margin-left:35px; padding-top: 10px; padding-right: 45px; padding-bottom: 10px; padding-left: 45px; position: relative; color:#daebcb !important; font-family: "ConduitITC Light"; font-size:29px !important; line-height:29px !important; }

.pullquote:before, .pullquote:after { content: "\201C"; position: absolute; font-size: 200px; line-height: 1; color: #393b38; font-style: normal; }

.pullquote:before { left: -20px; top: -15px; }

.pullquote:after { content: "\201D"; bottom: -0.6em; right: 10px; }

blockquote p { width:442px; text-transform:uppercase; margin-left:35px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 45px; position: relative; color:#daebcb !important; font-family: "ConduitITC Light"; font-size:29px !important; line-height:29px !important; }

blockquote p span { font-size:29px !important; line-height:29px !important; }

blockquote p:before, blockquote p:after { content: "\201C"; position: absolute; font-size: 200px; line-height: 1; color: #393b38; font-style: normal; }

blockquote p:before { left: -20px; top: -15px; }

blockquote p:after { content: "\201D"; bottom: -0.6em; right: 10px; }

.page-node .node-article h3 { font-size: 19px; }

sup { font-size: 60%; line-height: normal; vertical-align: top !important; }

sub { font-size: 60%; line-height: normal; vertical-align: bottom !important; }

/***************** css add here 02-5-2013 ******************************/
.node-type-article .container-12 .grid-9, .page-comment .container-12 .grid-9 { width: 910px; margin-right:0; }

.node-type-article .container-12 .grid-3, .page-comment .container-12 .grid-3 { width: 290px; margin-top: 10px; }

.node-type-artisan-s-marketplace .container-12 .grid-3 { margin-top: 10px; }

.node-type-article .social-box {float: right; padding: 0; width: 368px; margin:20px 0 0 0; }

.node-type-article .social-box .fb_edge_widget_with_comment { min-width:85px !important; top:3px; }

.node-type-article .social-box iframe.twitter-share-button { width:90px !important; float:left; }

.node-type-article .social-box #___plusone_0 { width:33px !important; }

.node-type-article .social-holder { float: left; clear: both; width: 100%; margin: 10px 0 0; }

.node-type-article .social-holder .submitted { overflow:hidden; float: left; clear:none; margin: 4px 0 0; }

.not-front #front-page-header { background:none; display: none; }

.node-type-article .social-holder .submitted .authorname { display: block; font-size: 18px; }

.node-type-article .social-holder .submitted .authorname span { float:left; display: block; font-size: 15px; margin: 2px 5px 0 0; color: #A5B09F; }

.node-type-article .social-holder .submitted .publish_date { font-size: 13px; }

.node-type-article .social-holder .submitted .publish_date span { display: block; float: left; font-size: 13px; margin: 3px 4px 0 0; }

.node-article .field-name-field-standfirst { background: none repeat scroll 0 0 #202020; clear: both; font-size: 23px; line-height: 23px; margin: 0; padding: 15px !important; }

.node-type-article #block-system-main { clear:both; }

#block-block-28 { float:right; margin:5px 0; }

#block-block-28 img { margin:0 0 0 15px; }

.field-name-field-standfirst p span { color: #3A3A3A; font-size: 22px; }

.field-name-field-standfirst p { margin:0 !important; font-size: 22px !important; line-height:24px !important; }

.sponsored_yes { background: none repeat scroll 0 0 #FDC079; color: #26282A; float: left; font-family: "Conduit ITC W01 Medium"; font-size: 20px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; margin: 10px 0; }

.field-name-field-sponsored .field-label, .node-promoted .field-name-field-sponsored { display:none }

.home-page-article .views-field-field-sponsored-2 .field-content { background: none repeat scroll 0 0 #FDC079; clear: both; color: #26282A; float: left; font-family: "Conduit ITC W01 Medium"; font-size: 14px; font-weight: bold; margin-top: 0; padding: 3px 10px; text-transform: uppercase; margin-left: -8px; }

.home-page-article .views-field-field-sponsored-2 { margin-bottom: 20px; }

.node-promoted .field-name-field-sponsor { display:none; }

.node-type-article h1.node-title { margin: 10px 0 0; clear:both; }

.node-type-article .node-article iframe { height: 450px; width: 100%; }

.node-type-article .field-name-field-video-embed-code .field-label { display:none; }

.node-type-article .node-article .links.inline { display:none; }

.page-comment-reply .comment-form { margin-top:10px; }

.comment-form.user-info-from-cookie .form-radios input { width:auto !important; }

.comment-form .form-radios .form-item-notify-type { margin-left:0 !important; }

.node-article #comments .comment-form .form-item, .page-comment-reply .comment-form .form-item { width:100%; }

.node-article #comments .comment-form #edit-actions, .page-comment-reply .comment-form #edit-actions { position:static !important; margin-bottom: 10px !important; }

.node-article #comments .comment-form .form-item label, .node-article #comments .comment-form .form-item label span, .page-comment-reply .comment-form .form-item label, .page-comment-reply .comment-form .form-item label span { font-size: 16px; position: static; color:#DBEBC9; }

.node-article #comments .comment-form .form-item input[type="text"], .page-comment-reply .comment-form .form-item input[type="text"] { background:none !important; font-size: 12px !important; font-weight: bold !important; padding: 0 5px !important; width: 400px !important; }

.node-article #comments .comment-form .form-type-checkbox, .page-comment-reply .comment-form .form-type-checkbox { float:left; width: auto; }

.node-article #comments .comment-form .form-type-checkbox input, .page-comment-reply .comment-form .form-type-checkbox input { width:auto !important; }

.node-article #comments .comment, .page-comment-reply .comment { background:none; }

#region-sidebar-second #block-block-1 p { color:#fff; }

article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 90% #9C9D95 !important; clear: both; padding: 20px; margin: 0 0 2px; position:relative; }

article.comment .comment-body { background: url("../images/corner-black-big.png") no-repeat scroll 100% 5px; padding: 15px 30px; width: 56%; }

article.comment .comment-body .field-name-comment-body { font-size: 20px; line-height: 23px; }

article.comment .comment-body h3, article.comment .comment-body h3 a { font-size: 26px; text-decoration: none; }

article.comment .comment-info { padding: 5px 10px; width: 33%; }

article.comment .comment-info time { font-size: 18px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }

article.comment .comment-info .links.inline { display:block; }

article.comment .comment-info .links.inline a { font-size: 16px; font-weight: normal; padding: 5px 10px; }

article.comment .comment-info nav.links { position:absolute; bottom:10px; }

.indented article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 90% #c8cabc !important; }

.comment-submitted .username { font-family: "Conduit ITC W01 Medium"; font-size: 24px; font-weight: bold; text-decoration: none; text-transform: uppercase; }

.node-type-article .tabs { /*display:none; */ }

.node-type-article .field-name-field-category { }
.node-type-article .field-name-body .field-items p{line-height:1.538em !important;}
.node-type-article #editbar { display:none; }

#block-views-artisan-s-marketplace-block { background: none repeat scroll 0 0 #272727; padding: 10px 10px 10px 0; }

.node-type-artisan-s-marketplace #block-system-main .submitted { margin-bottom:0; display:none; }

.node-type-artisan-s-marketplace #block-system-main { margin-top:10px; }

#block-block-20 { background-color: #4C4C4C; color: #FDC079; margin: 0 0 3px; padding: 10px; position: static; width: auto; }

#block-block-20 h3 { font-size: 34px; line-height: 29px; text-transform: uppercase; }

#block-block-20 p { color: #FFFFFF; }

.block-articles-block-1 { margin:10px 0; }

.block-articles-block-1 .view-id-articles li { float:left; width: 236px; height: 200px; }

.block-articles-block-1 .view-id-articles .node-promoted { position:relative; float:left; }

.block-articles-block-1 .view-id-articles .node-promoted .left-side { position:absolute; height: 200px; width: 236px; }

.block-articles-block-1 .view-id-articles .views-row .field-type-image { margin:0; }

.block-articles-block-1 .view-id-articles .views-row { padding-bottom:0; }

.block-articles-block-1 .view-articles .views-row .left-side .node-title { margin:20px 20px 0 10px; line-height: 20px; }

.block-articles-block-1 .view-articles .views-row .left-side .node-title a { font-size:26px; color:#fff !important; line-height: 20px; }

.block-articles-block-1 .view-articles .views-row .corner { right:15px; }

.block-articles-block-1 .view-articles .views-row .left-side .content { bottom: 10px; line-height: 16px; color: #DAEACF; display:none; margin: 0 10px; position: absolute; }

.block-articles-block-1 .view-articles .views-row .left-side .content h3, .block-articles-block-1 .view-articles .views-row .left-side .content h3 strong { color:#DAEACF; font:17px/18px "Conduit ITC W01 Medium", Arial, sans-serif; font-weight:normal; line-height: 16px; }

.block-articles-block-1 .view-id-articles li.blur .field-name-field-cover-image img { opacity:0.5; filter:alpha(opacity=50); }

.block-articles-block-1 .pager li { width:auto; height:auto; }

#edit-captcha-form tr:hover td.recaptcha_r4_c1 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -43px 0 transparent !important; }

#edit-captcha-form tr:hover td.recaptcha_r4_c2 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -36px 0 transparent !important; }

#edit-captcha-form tr:hover td.recaptcha_r4_c4 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -214px 0 transparent !important; }

#edit-captcha-form td.recaptcha_r4_c1 input#recaptcha_response_field { color: #000000; width: auto !important; }

#edit-captcha-form .recaptcha_only_if_privacy { margin-top:-6px; }

/*****************************************************************/
.video_container { text-align: left; margin: auto; min-height:400px; position:relative; }

.video_container object#video { width: 580px; height: 400px; float: left; }

.video_container #video_text { color: #DBEBC9; font-size: 18px; line-height: 18px; margin-left: 0; }

#thumb span { float: left; margin-right: 5px; }

#thumb span p { width: 170px; }

#thumb { clear: both; padding-top: 20px; float: left; width: 100%; }

#thumb p.ques_text { float: left; margin: 0 22px 10px 0; width: 270px; }

#thumb span.qus img { height: 160px; width: 100%; cursor: pointer; }

#thumb span.qus { clear: both; margin-top: 10px; width: 100%; }

.video_left { width: 580px; float:left; margin: 0 15px 0 0; }

.main_image { height:400px; width:580px }

.dispaly_none { display:none; }

.video_container .main_img { height: 400px; left: 0; position: absolute; top: 0; width: 580px; z-index:999999; }

.node-article .img-wrapper { float:right; }

.node-type-article .container-12 .grid-3 { width: 250px; float:right; }

.node-article .img-wrapper .corner { right:10px; }

.field-name-body strong { color: #DBEBC9; }

.node-unpublished { background:none; }

#video_title { color: #DBEBC9; font-size: 20px; font-weight: bold; padding: 0; }

.node-type-article img { width: 100%; }

.node-type-article h1, .node-type-article h2, .node-type-article h3, .node-type-article h4, .node-type-article h5, .node-type-article h6 { color: #BDCAAD; }

h2.node-title a { font-size: 28px; }

/** user page css ************/
.page-user #block-system-main .user_profile .user-image { float: left; width: 33%; position: static !important; }

.page-user #block-system-main .user_profile .user-image img { max-width:100%; }

.page-user #block-system-main .user_profile .details_users .user-image { position:absolute !important; }

.node-article .field-name-body div.field-item { float: none; padding-right: 0; }

.node-type-article .field-name-body img { height: auto !important; width: auto !important; }
/****************** responsive css for article inner pages ********************/
@media all and (min-width: 980px) and (max-width: 1220px) {

.node-type-article .container-12 .grid-9 { width: 700px !important; }

.node-type-article .container-12 .grid-3 { margin-right: 0; width: 230px; }

.node-type-article .node-article iframe { width: 100%; }

.node-type-article h1.node-title { font-size: 50px; line-height: 48px; }

article.comment .comment-body { width: 55%; padding: 30px 30px 15px !important; }

article.comment .comment-info { width: 31%; }

.node-type-artisan-s-marketplace #block-system-main .field-name-field-main-image img { width:100%; height:auto; }

.node-type-artisan-s-marketplace .container-12 .grid-9 { margin-right: 6px; width: 704px; }

#node-977 img.media-image { width:100%; height:auto; }

.page-user #block-system-main .user_profile .details_users .details_left { width:46% !important; }
}
 @media all and (min-width: 740px) and (max-width: 980px) {

.node-type-article #section-content { margin: 0; }

.node-type-article .container-12 .grid-9 { width: 524px; }

.node-type-article .container-12 .grid-3 { margin: 10px 10px 0 5px; width: 170px; }

.node-type-article .node-article iframe { width: 100%; height:350px; }

.node-type-article h1.node-title { font-size: 42px; line-height: 40px; }

article.comment .comment-body { width: 50%; padding: 15px 20px !important; }

article.comment .comment-info { width: 33%; }

article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 95% #9C9D95 !important; }

.indented article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 95% #C8CABC !important; }

.node-type-article .social-box { float: left; padding: 2px 0 5px; }

.node-type-artisan-s-marketplace #block-system-main .field-name-field-main-image img { width:100%; height:auto; }

.node-type-artisan-s-marketplace .container-12 .grid-9 { margin-right: 2px; width: 524px; }

.node-type-article .social-holder .submitted { clear:both; }

#node-977 img.media-image { width:100%; height:auto; }

.page-user #block-system-main .user_profile .details_users .details_left { width:100% !important; }

.page-user #block-system-main .user_profile .details_users .visiting_card { width: 100%; }
}
 @media all and (min-width: 480px) and (max-width: 740px) {

.node-type-article .container-12 .grid-9 { width: auto; }

.node-type-article .container-12 .grid-3 { width: 285px; }

.node-type-article .node-article iframe { width: 100%; height:300px; }

.node-type-article h1.node-title { font-size: 35px; line-height: 35px; }

.node-article #comments .comment-form .form-item, .page-comment-reply .comment-form .form-item { margin: 3px 0; width: 100%; }

.node-article #comments .comment-form .form-item input[type="text"], .page-comment-reply .comment-form .form-item input[type="text"] { width: 300px !important; }

.node-article #comments .comment-form .form-item textarea, .page-comment-reply .comment-form .form-item textarea { width: 300px; }

.node-article #comments .comment-form #edit-actions, .page-comment-reply .comment-form #edit-actions { float: left; margin: 0 0 20px; }

article.comment .comment-body { padding: 10px 15px !important; width: 56%; }

article.comment { padding:15px; }

article.comment .comment-info { padding: 5px 9px; width: 28%; }

article.comment .comment-body h3, #comments article.comment .comment-body h3 a { font-size: 22px; }

article.comment .comment-body .field-name-comment-body { font-size: 18px; line-height: 20px; }

article.comment .comment-submitted a.username { font-size: 20px !important; }

article.comment .comment-info time { font-size: 15px; line-height: 18px; }

article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 95% #9C9D95 !important; }

.indented article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 95% #C8CABC !important; }

.node-type-artisan-s-marketplace #block-system-main .field-name-field-main-image img { width:100%; height:auto; }

.node-type-article .social-holder .submitted { clear:both; }

#node-977 img.media-image { width:100%; height:auto; }

.page-user #block-system-main .user_profile .user-image { width: 50%; }

.page-user #block-system-main .user_profile .user_right { width:100% !important; }

.page-user #block-system-main .user_profile .details_users .details_left { width:100% !important; }

.page-user #block-system-main .user_profile .user_bottom_blocks h1.user_name { font-size: 34px; line-height: 34px; }
}
 @media all and (min-width: 0px) and (max-width: 479px) {

.node-type-article .container-12 .grid-9 { width: auto; }

.node-type-article .container-12 .grid-3 { width: 285px; }

.node-type-article blockquote p { width: auto; }

.node-type-article .node-article iframe { width: 100%; height:250px; }

.node-type-article h1.node-title { font-size: 30px; line-height: 30px; }

.node-article #comments .comment-form .form-item, .page-comment-reply .comment-form .form-item { margin: 3px 0; width: 100%; }

.node-article #comments .comment-form .form-item input[type="text"], .page-comment-reply .comment-form .form-item input[type="text"] { width: 200px !important; }

.node-article #comments .comment-form .form-item textarea, .page-comment-reply .comment-form .form-item textarea { width: 200px; }

.node-article #comments .comment-form #edit-actions, .page-comment-reply .comment-form #edit-actions { float: left; margin: 0 0 10px; }

article.comment { padding:2%; }

article.comment .comment-body { padding: 10px !important; width: 56%; }

article.comment .comment-info { padding: 5px 9px; width: 28%; }

article.comment .comment-body h3, #comments article.comment .comment-body h3 a { font-size: 18px; }

article.comment .comment-body .field-name-comment-body { font-size: 15px; line-height: 17px; }

article.comment .comment-submitted a.username { font-size: 18px !important; }

article.comment .comment-info time { font-size: 15px; line-height: 18px; }

article.comment .comment-info nav.links { bottom: 0; }

article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 97% #9C9D95 !important; }

.indented article.comment { background: url("../images/corner-black-big_bottom.png") no-repeat scroll 20px 97% #C8CABC !important; }

.field-name-field-category .field-items { width: 100%; }

.field-name-field-category .field-item { width: 32%; }

.node-type-article .social-box { float: left; padding: 2px 0 5px; }

.node-type-artisan-s-marketplace #block-system-main .field-name-field-main-image img { width:100%; height:auto; }

.node-type-article .social-holder .submitted { clear:both; }

.node-type-article .container-12 .grid-9, .page-comment .container-12 .grid-9 { margin-right:10px; }

.field-name-field-category .field-item { height: 40px; }

#node-977 img.media-image { width:100%; height:auto; }

.page-user #block-system-main .user_profile .user-image { width: 85%; }

.page-user #block-system-main .user_profile .user_right { width:100% !important; }

.page-user #block-system-main .user_profile .details_users .details_left { width:100% !important; }

.page-user #block-system-main .user_profile .user_bottom_blocks h1.user_name { font-size: 26px; line-height: 26px; }
}

/*multi authors*/
div.authorname { float: left; padding-right: 5px; }

div.field-item { float: left; padding-right: 5px; }

.publish_date span { float: left; }

div.publish_date { float: left; clear: both; }

/**************************css add here 21-11-14*************************************/
.email_icon { float: left; margin: 0 10px; width: 32px; }

.print_icon { width: 34px; float:left; }

.node-type-article .social-box .fb-share-button { float: left; margin: 0 10px 0 0; }

.node-type-article .social-box .fb_iframe_widget { float:left; }

.node-type-article .social-box #___plusone_0 { float:left !important; }

.test12 {
margin-bottom:20px;
}

/***************Article Pop up  ***********************/
#newsletter-popup-container .modal-content{
 background-color: #BDCAAD;   
}
#newsletter-popup-container .modal-content h2{
     color:#272727;

}
#newsletter-popup-container .modal-content p{
     color:#333335;

}
#newsletter-popup-container .modal-content p.intro{
    margin:auto;
    width:40%;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    font-weight: 700;
}
#newsletter-popup-container .modal-content .panel-body{
    background-color: #808878;   
 
}
#newsletter-popup-container .modal-content .panel-default {
    border-color:#333335;

}

#newsletter-popup-container .modal-content .btn-default {
    color: #333;
    background-color: #808878;
    border-color: #BDCAAD;
    font-weight:400;
text-shadow:none;
}