/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content { display: none; }
/* Overlay */
#simplemodal-overlay { background-color: #111418; opacity: 0.8 !important; }
/* Container */
#simplemodal-container { height: 360px; width: 600px; color: #bbb; background-color: #FFF; border: 10px solid #7A7A7A; padding: 10px; border-radius: 10px 0px 10px 10px; -webkit-border-radius: 10px 0px 10px 10px; -moz-border-radius: 10px 0px 10px 10px; }
#simplemodal-container .simplemodal-data { padding: 0pxplay-btn basic; }
#simplemodal-container code { background: #141414; border-left: 3px solid #65B43D; color: #bbb; display: block; font-size: 12px; margin-bottom: 12px; padding: 4px 6px 6px; }
#simplemodal-container a { color: #ddd; }
#simplemodal-container a.modalCloseImg { background: #7A7A7A url(../images/close.png) no-repeat 10px 10px; width: 41px; height: 41px; display: inline; z-index: 3200; position: absolute; top: -10px; right: -44px; cursor: pointer; border-bottom-right-radius: 11px; border-top-right-radius: 11px; }
#simplemodal-container h3 { color: #84b8d9; }
.form-item { clear: both; }
.list-page { display: none; }
.target-blog h1#page-title { display: none; }
.blogs hr { margin-top: 10px; margin-bottom: 20px; }
.blog-main-wrapper .right { display: table; }
.blogs .form-item { float: left; width: 100%; margin-bottom: 1em; }
.blogs .input-field-wrapper { float: left; width: 250px; }
.blogs input[type="file"] { padding: 0px; }
.blogs .form-item .resizable-textarea { width: 100%; }
.blogs .form-item .resizable-textarea div.table-value { width: 100%; }
h1#title-center-blog { clear: both; float: left; width: 100%; }
.blog-category-wrapper { border: 1px solid #ddd; border-radius: 5px; float: left; margin: 0px 0 20px 0; padding: 5px; width: 100%;/* font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif*/ }
.blog-detail { border: 1px solid #ddd; border-radius: 5px; float: left; margin: 0px; padding: 5px; width: 100%; /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif */}
.blog-main-wrapper { text-align:justify; border: 1px solid #ddd; border-radius: 5px; float: left; margin-bottom: 20px; padding: 5px; width: 100%; /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; */}
.blog-comments { float: left; clear: both; display: block; margin: 5px 0 0 0px; width: 100%; border: 1px solid #ddd/* 1px solid #f9f9f9 */; border-radius: 5px; padding: 15px; /*background: #efefef */}
.blog-comment-form .comment h3 { margin: 10px 0px !important; /* color: #000 !important */ }
.blog-comment-form .comment { background: rgba(0, 0, 0, 0) url("../images/arrowdown.png") no-repeat scroll right center; border-bottom: 1px dashed #d4d4d4; color: #000; cursor: pointer; font-size: 21px; font-weight: bold; line-height: 18px; margin: 0 0 5px 0px; padding: 0px 15px; text-align: left; float: left; clear: both; ; width: 100% }
.back-to-list { float: right; }
.blog-comment-form #form-section { float: left; margin: 0 0 10px 0; width: 100%; clear: both; border: 1px solid #dfdfdf; border-radius: 5px; padding: 5px; }
.blog-comment-form #form-section .form-item input,
.blog-comment-form #form-section .form-item span.input-field-wrapper,
.blog-comment-form #form-section .form-item div,
.blog-comment-form #form-section .form-item label,
.blog-comment-form #form-section .form-item { float: left; clear: both; width: 100%; padding: 0px; margin: 3px 0 0; }
.blog-comments:hover { /* background: #efefef */ }
.blog-comments h3 { margin: 0px !important }
.blog-comments h4 { background: #dfdfdf; padding: 5px; font-weight: bold; color: #000; text-decoration: none; float: left; clear: both; width: 100%; }
.blog-comment-form { float: left; clear: both; display: block; margin: 0px; width: 100% }
.blog-category-wrapper hr,
.blog-comment-form hr,
.blog-detail hr,
.blog-main-wrapper hr { float: left !important; width: 100% !important; clear: both !Important; margin: 5px 0px 0 !important; padding: 0px; height: 1px !important }
.blog-detail .author { background: #dfdfdf none repeat scroll 0 0; padding: 5px 15px; color: #000; float: left; width: 100%; margin: 5px 0px; letter-spacing: 1px; font-weight: normal !important; font-size: 12px; }
.blog-detail .author b { font-weight: bold; }
.blog-main-wrapper .blog-image { float: left; margin-right: 30px; }
.blog-main-wrapper .blog-image > img { max-width: 150px; margin-bottom: 20px; }
.blog-category-wrapper .head h1,
.blog-detail .head h1,
.blog-main-wrapper .head h4.title { color: #666; font-size: 24px; margin: 0; text-align: left; line-height: 24px; padding-top: 8px; }
.blog-category-wrapper .head,
.blog-detail .head,
.blog-main-wrapper .head { float: left; margin-left: 15px; text-align: left; width: 80%; }
.blog-main-wrapper .head-section { border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; float: left; clear: both; width: 100%; }
.blog-main-wrapper .author { color: #53769d; font-size: 13px; padding-bottom: 5px; }
.blog-category-wrapper .content,
.blog-main-wrapper .content,
.blog-detail .content { float: left; width: 100%; clear: both }
.blog-main-wrapper p,
.blog-detail p { margin: 5px 0px !important }
.blog-category-wrapper .content img,
.blog-detail .content img { float: left; width: 100%; margin:5px 0 0 0px; }
.blog-main-wrapper .content img { float: left; width: 100%; margin: 0px; }
.blog-category-wrapper .content p,
.blog-detail .content p,
.blog-main-wrapper .content p { /*font-family: Helvetica,Arial; /*"Trebuchet MS", Helvetica, Jamrul, sans-serif;*/ font-size: 13px; letter-spacing: 1px; */ text-align: justify; float: left; width: 100%; clear: bot; margin: 0px; padding: 0px 15px; }
h2#blog-category-title { background: #dfdfdf; font-size: 20px; padding: 10px 15px; color: #000 !important; margin: 10px 0px 5px 0px !important }
.blog-calegory-hr { margin: 5px 0px !important; display: none }
.blog-category-wrapper .assigndate,
.blog-detail .assigndate,
.blog-main-wrapper .assigndate { border-right: 1px solid #dfdfdf; color: #666; float: left; font-size: 15px; margin-right: 10px; padding: 0px 15px 0 0; text-align: center; text-indent: 5px; text-transform: uppercase; width: 14%; }
.blog-category-wrapper .d-Date,
.blog-detail .d-Date,
.blog-main-wrapper .d-Date { clear: both; float: left; font-size: 47px; margin: 0; padding: 0; text-align: center; width: 100%; }
.blog-main-wrapper .assigndate > b { display: none; }
.owl-wrapper-outer .read-more { width: 100% !important; text-align: center !important; margin: 0px !important; }
.blog-main-wrapper .read-more { background: #f57b14 none repeat scroll 0 0; clear: both; color: #fff; float: right; font-size: 12px; margin: 5px 0px 0; padding: 10px; text-align: center; text-decoration: none; width: 100px; }
.blog-main-wrapper .read-more:hover { background: #579ed2 none repeat scroll 0 0; color: #fff !important; }
.blog-category-wrapper .read-more { background: #f57b14 none repeat scroll 0 0; clear: both; color: #fff; float: right; font-size: 12px; margin: 5px 0px 0; padding: 10px; text-align: center; text-decoration: none; width: 100px; }
.blog-category-wrapper .read-more:hover { background: #579ed2 none repeat scroll 0 0; color: #fff !important; }
.blog-category-wrapper .posted-product,
.blog-category-wrapper .posted-category,
.blog-detail .posted-product,
.blog-detail .posted-category,
.blog-main-wrapper .posted-product,
.blog-main-wrapper .posted-category { background: #dfdfdf none repeat scroll 0 0; clear: both; display: block; float: left; margin: 5px 0px 0; padding: 5px; width: 100%; }
.blog-category-wrapper .posted-product > b,
.blog-category-wrapper .posted-category > b,
.blog-detail .posted-product > b,
.blog-detail .posted-category > b,
.blog-main-wrapper .posted-product > b,
.blog-main-wrapper .posted-category > b { background: #579ed2 none repeat scroll 0 0; color: #fff; float: left; /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif !important; */font-size: 16px; font-weight: bold; letter-spacing: 1px; margin: 0 15px 0 0; min-height: 60px; padding: 10px 5px; text-align: center; text-transform: uppercase; width: 22%; }
.blog-category-wrapper .posted-product > a,
.blog-category-wrapper .posted-category > a,
.blog-detail .posted-product > a,
.blog-detail .posted-category > a,
.blog-main-wrapper .posted-product > a,
.blog-main-wrapper .posted-category > a { color: #000; float: left; margin: 0 5px; padding: 5px 0 0; text-decoration: none; }
.blog-category-wrapper .posted-product > a:hover,
.blog-category-wrapper .posted-category > a:hover,
.blog-detail .posted-product > a:hover,
.blog-detail .posted-category > a:hover,
.blog-main-wrapper .posted-product > a:hover,
.blog-main-wrapper .posted-category > a:hover { color: #f57b14 }
.blog-form { float: right; position: absolute; right: 0px; top: 0px; }
.blog-form a { }
.blog-image a.play-btn { background-color: #eaf6fe; border: 1px solid #d7e1e8; border-radius: 3px; padding: 5px 10px; font-size: 12px; font-weight: bold; text-decoration: none; width: auto; }
.blogs .form-action { float: left; width: 100%; }
#sidebar-first .blogs hr { display: none; }
.blog-side-wrapper .blog-image { display: block; text-align: center; }
.blog-side-wrapper .blog-image > img { float: none; margin-bottom: 20px; max-width: 150px; }
.blog-side-wrapper .right { display: block; }
.blog-side-wrapper .author { color: #53769d; font-size: 13px; padding-bottom: 5px; }
.blog-side-wrapper .assigndate { color: #909090; font-size: 13px; }
.blogs .bottom-form { float: right; width: 100%; text-align: right; }
.blogs .bottom-form a#load { float: left; }
.blogs .top-form { float: right; margin-top: -45px; }
.blogs .input-field-wrapper .img-note,
.blogs .input-field-wrapper .video-note { width: 100%; font-size: 11px; line-height: normal; }
.blogs .video-url .video-note { float: left; width: 250px; font-size: 11px; line-height: normal; margin-left: 160px; clear: both; }
.latest-posts,
.blog-category { padding: 20px; float: left; margin: 0px 0 15px 0; border: 1px solid #dfdfdf; border-radius: 5px; width: 100% }
.latest-posts .head-h2,
.blog-category .head-h2 { margin: 0px 0 16px !important; padding: 0px !important; }
/*.blog-catalog-content li { display: block; list-style: outside none none; margin: 0 0 5px 0; padding: 0; background-image: url("../images/products-sidebar-bullet.png"); background-position: left top 10px; background-repeat: no-repeat; }*/
.blog-catalog-content li a { /*font-family: Helvetica, Arial; font-size: 14px; */padding: 2px 0px 0px 11px; display: block; text-decoration: none; border-top: 0px dotted #dfdfdf; }

#form-1434793585881 { display: none }
.not-login-user { float: left; width: 100%; clear: both; background: url(../images/login-sign.png) left 10px center no-repeat; padding: 10px 50px; font-size: 20px; letter-spacing: 1px; margin: 0px;/* background-color: #666*/; font-size: 14px; }
.not-login-user a { /*color: #000*/; text-decoration: underline; font-weight: bold; text-transform: uppercase }
.not-login-user a:hover { color: #5194c5; text-decoration: none; font-weight: bold; text-transform: uppercase }
.form-control { padding: 6px 8px !important }
/* sidebar blog design*/
/*.left-date {float:left !important; clear:none !important; font-size:14px; font-weight:normal; width:auto !important}*/
.sidebar-blog-section { border: 1px solid #dfdfdf; border-radius: 5px; float: left; margin: 0 0 15px; padding: 20px; width: 100%; height: auto !important }
.sidebar-blog-section .content img { width: 100% !important }
.sidebar-head { clear: both; float: left; width: 100%; }
.leftside { width: 100%; text-align: center; margin: 0px; padding: 9px 0 0 0px; float: left; font-weight:bold; text-transform:uppercase; font-size:15px; }
.sidebar-head h4 { background: #dfdfdf; padding: 7px; text-align: left; font-size: 13px; color: #000; font-weight: bold; margin: 0px; height: 40px; }
h2.title-sidebar-blog { margin: 0 0 16px !important; padding: 0 !important; }
.owl-item .blog-main-wrapper { padding: 0px !important; border: 0px !important; margin: 0px !important; width: 100% }
.sidebar-posted-product,
.sidebar-posted-category { background: #dfdfdf none repeat scroll 0 0; clear: both; display: block; float: left; margin: 5px 0 0 0px; padding: 5px 0px; text-align: center; width: 100%; }
.sidebar-posted-product > a,
.sidebar-posted-category > a { color: #000; font-size: 12px; padding: 2px; text-decoration: none }
.sidebar-posted-product > b,
.sidebar-posted-category > b { clear: both; display: block; text-align: center; text-transform: uppercase !important; background: #579ed2 none repeat scroll 0 0; color: #fff; font-weight: normal; font-size: 12px; margin: 0 0 5px 0; padding: 5px }
.sidebar .block { float: left; width: 100% }
#content .section { float: left; width: 100%; clear: both; margin: 1px 0 0 0 }
.form-action .form-required { text-align: right; padding-right: 5px; clear: both; float: left; width: 100%; margin: 5px 0px; }
.product-details-tabs div.tabs-container .tab-container,
.alert-warning { float: left ; width: 98%} 


.blog-main-wrapper a:hover{color:#5194c5 !important; }
.no-blog-available{ text-align:center; font-weight:normal; float:left; width:100%; height:100%; padding:25px 5px; font-size:15px;  text-transform:uppercase; background:#efefef; border-radius:0px;  letter-spacing:2px;}

.sidebar .no-blog-available{text-align:center; font-weight:normal; float:left; width:100%; height:100%; padding:25px 5px; font-size:14px;   text-transform:uppercase; background:#efefef; border-radius:5px; letter-spacing:2px;}

 @media screen and (max-width: 1136px) {
 .product-details-tabs div.tabs-container .tab-container, .alert-warning{width:97%}
 }
  @media screen and (max-width: 768px) {
 .product-details-tabs div.tabs-container .tab-container, .alert-warning{width:100%}
 }
 @media screen and (min-width:600px) and (max-width:1009px) {
.blog-detail .assigndate,
.blog-main-wrapper .assigndate { width: 21% !important; }
.blog-detail .head,
.blog-main-wrapper .head { width: 70% !important }
.blog-detail .head h1,
.blog-main-wrapper .head h4.title { font-size: 20px !important; }
.blog-detail .content p,
.blog-main-wrapper .content p { line-height: 15px !important }
.blog-detail .posted-product > a,
.blog-detail .posted-category > a,
.blog-main-wrapper .posted-product > a,
.blog-main-wrapper .posted-category > a,
.blog-detail .posted-product > b,
.blog-detail .posted-category > b,
.blog-main-wrapper .posted-product > b,
.blog-main-wrapper .posted-category > b { font-size: 13px !important }
.blog-category-wrapper .posted-product > b,
.blog-category-wrapper .posted-category > b,
.blog-detail .posted-product > b,
.blog-detail .posted-category > b,
.blog-main-wrapper .posted-product > b,
.blog-main-wrapper .posted-category > b { font-size: 13px !important; }
}

 @media screen and (max-width: 601px) {
.blogs .top-form { float: left; margin-top: -58px; }
.blog-main-wrapper .blog-image { width: 100%; margin-right: 0px; }
.blog-main-wrapper .play-btn { float: left; margin-bottom: 8px; width: 100%; }
/* .target-blog h1#list-blog-title { margin-bottom: 80px; } */
.blog-form { right: auto; left: 0px; top: 55px; }
.blog-category-wrapper .posted-product,
.blog-category-wrapper .posted-category,
.blog-detail .posted-product,
.blog-detail .posted-category,
.blog-main-wrapper .posted-product,
.blog-main-wrapper .posted-category { text-align: center }
.blog-category-wrapper .posted-product > a,
.blog-category-wrapper .posted-category > a,
.blog-detail .posted-product > a,
.blog-detail .posted-category > a,
.blog-main-wrapper .posted-product > a,
.blog-main-wrapper .posted-category > a { float: none }
.blog-category-wrapper .posted-product > b,
.blog-category-wrapper .posted-category > b,
.blog-detail .posted-product > b,
.blog-detail .posted-category > b,
.blog-main-wrapper .posted-product > b,
.blog-main-wrapper .posted-category > b,
.blog-detail .posted-product > b,
.blog-detail .posted-category > b,
.blog-main-wrapper .posted-product > b,
.blog-main-wrapper .posted-category > b { background: #579ed2 none repeat scroll 0 0; clear: both; color: #fff; display: block; font-size: 12px; font-weight: normal; margin: 0 0 5px; padding: 5px; text-align: center; text-transform: uppercase !important; width: 100%; min-height: 25px; }
.blog-category-wrapper .posted-product > a,
.blog-category-wrapper .posted-category > a,
.blog-detail .posted-product > a,
.blog-detail .posted-category > a,
.blog-main-wrapper .posted-product > a,
.blog-main-wrapper .posted-category > a { margin: 0px; padding: 2px; }
.blog-category-wrapper .assigndate,
.blog-detail .assigndate,
.blog-main-wrapper .assigndate { border-right: 0px solid #dfdfdf !important; float: left; font-size: 15px; margin: 0px !important; padding: 0px !important; text-align: left !important; width: 100%; text-indent: 0px !important }
.d-Date { font-size: 15px !important; float: left !important; clear: none !important; width: auto !important; text-align: left !important; padding: 2px !important; color: #666 !important }
.blog-category-wrapper .head,
.blog-detail .head,
.blog-main-wrapper .head { margin: 0px !important; width: 95% !important; }
.blog-category-wrapper .head h1,
.blog-detail .head h1,
.blog-main-wrapper .head h4.title { font-size: 20px !important; }
.blog-category-wrapper .read-more{width:100%; text-align:center}
.blog-main-wrapper.list-page .read-more { width:100%; text-align:center}
}
@media screen and (max-width:449px) {
.blogs .video-url .video-note { margin-left: 0px; }
}
 @media screen and (max-width:360px) {
.blogs .bottom-form a.regular-button { float: left; clear: both; margin-bottom: 20px; }
}