@import url('image-zoom.css'); 
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300400,500,600,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,600,700,800&display=swap');
html { }
body{ margin:0; padding:0; font-size:14px; font-family: 'Catamaran'; color:#666;}
a,
a:visited { color: #CC3300
; outline: none; text-decoration: none;}
a:hover,
a:focus,
a:visited:hover {color: #CC3300
; text-decoration: none;}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 1.4;
    font-size: 16px;
}
.theiaStickySidebar p sup {
    color: gray;
    font-size: 10px;
}


.stick { width:100%; margin-top: 0 !important; position: fixed; left:0; text-align:center; top: 0; z-index: 10000; padding:10px 0 !important; background:#CC3300
; }

.content.box .theiaStickySidebar notes {
    font-size: 13px;
    color: grey;
}



.stick.wrapmenu ul li a{ color:#ffffff; transition: .4s; }
.stick.wrapmenu ul li a:hover{ color:#CC3300
;}
#sticky-anchor{ width:auto;}
.h1{ font-size:26px !important; margin:10px 0 0 0 !important; font-weight:600; padding:10px 0 0 5px; color:#333 !important; width:100%; display:block !important; line-height:22px;font-family: 'Catamaran' !important; border-left :3px solid #CC3300
;}
.topGrayWrapper{
    width: 800px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    position: relative;
    text-align: center; /*border-bottom:1px solid #00ccff; border-bottom:5px solid #00ccff;*/
}
.logo{
    width: 280px;
    text-align: center;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.logo img{ width:100%;}


header {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px;}
.wrapmenu {
    margin: 0 auto 0 auto;
    padding: 3px 0;
    background: #000000;
    border-bottom:3px solid #CC3300
;
}
.wrapmenu ul { margin:0; padding:0px 0 0 0; list-style: none; text-align:center;}
.wrapmenu li {display: inline-block; padding:0; margin:0; }
.wrapmenu li a {font-size:16px; text-decoration: none; color: #ffffff; padding:3px 10px; text-transform:uppercase; transition: .4s; }
.wrapmenu li a:hover { color: #CC3300;}
.searchWrapper{ position:relative; margin:0 auto; text-align:center; padding:0px 0; height:25px; background:#ffffff;}
.searchWrapper-mid{ width:870px; margin:0 auto; padding:0;position:relative;  } 
.search div{display:none;}

.search-form{padding: 0; margin: 0;}
/* Expandable search box */
/* Note: don't change 0.8s in transition. */
/* --------------------- */
.search-form input.search-text {color: #222;position:absolute; top:2px; right:0;z-index:5;-webkit-transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s; height: 30px; width: 0; margin: 0; padding: 5px 0 5px 40px; box-sizing: border-box; font-size: 14px;cursor: pointer; border-radius: 30px; border: 1px solid transparent;	/*background: url(search.png) no-repeat left 9px center transparent;*/
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat left 9px center transparent;
  background-size:20px;}
.search-form input.search-text:focus {z-index:3; width: 270px; border: 1px solid #ccc;  background-color: white;outline: none;cursor:auto;padding-right: 10px;}
.search-form input.search-submit {position: relative;z-index: 4;top:17px;left: 49px;width: 40px;height: 40px;margin: 0;padding: 0;border: 0;outline: 0;border-radius: 30px;	cursor: pointer; background: none;}
.search-form input.search-text::-webkit-search-cancel-button {cursor:pointer;}
.socialmedia{ margin:0; padding:0; position:absolute; left:0px; top:7px; }
.socialmedia ul{ margin:0; padding:0;}
.socialmedia ul li{ width:19px; height:19px; list-style:none;  margin:0; padding:0;display:inline-block; text-align:center; }
.socialmedia ul li a{ color:#333333; text-decoration:none; list-style:none; margin:0; padding:0 2px;}

.socialmedia1{ margin:0; padding:0; position:relative; left:0px; top:5px; }
.socialmedia1 ul{ margin:0; padding:0;}
.socialmedia1 ul li{ width:19px; height:19px; list-style:none;  margin:0; padding:0;display:inline-block; text-align:center; }
.socialmedia1 ul li a{ color:#333333; text-decoration:none; list-style:none; margin:0; padding:0 2px;}

/* Subscribe box  */
.subscribe{ margin:0 0 10px 0; padding:0; display:none; }
.subscribe a{ background:none; border:1px solid #fff; border-radius: 5px; margin:0; text-decoration:none; color:#fff;color:#fff !important; font-size:17px; padding:6px 30px;}
.subscribe a:hover{ background:#CC3300
;border:1px solid #CC3300
; color:#fff;}

.content {
	position: relative;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/*.leftSidebar {width: 25%; float: left; padding: 0 30px 0 0;	position: relative;}*/
.rightSidebar {
    width: 50px;
    float: right;
    padding: 0 0 0 20px;
    position: relative;
    border-left: 1px solid #CCC;
}
.box-right {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0px;
    background: none;
    border-radius: 0px;
}
.box-right img {width: 100%; border-radius: 0px; }
button {margin: 0 0 30px 0;}
.wrapper{ margin-top:0px !important; }
.wrapper,
.header,
.footer {
    width: 870px;
    padding: 0 0px;
    margin: 0 auto;
    overflow: auto;
}
.footer-full{ width:auto; margin:10px auto 0 auto; padding:10px 0 20px 0; background:#575757;}

.footer-wrapper { display: flex; width: 100%; flex-direction: row; position:relative; }
.footer-widget { flex: 1; align-items: flex-start;}
.footer-widget-left { padding:0px 20px 0 0; margin-top:5px; color:#FFF; position:relative; }
.footer-widget-left h3{ text-transform:uppercase; font-weight:700; font-size:15px;}
.footer-widget ul{ margin:0; padding:0;}
.footer-widget ul li{ margin:0; padding:0; list-style:none;border-bottom:1px solid #7b7b7b;}
.footer-widget ul li a{ margin:0; padding:0; color:#FFF;  text-decoration:none; line-height:30px;}
.footer-widget ul li a:hover{ color:#CC3300
;}
.footer-copyright-full{ width:auto; margin:0px auto; padding:10px 0; background:#393939;overflow: auto;}
.footer-copyright{width: 870px; padding: 0 0px; margin: 0 auto;  }
.footer-copyright p{ margin:0 auto; padding:0; text-align:left; color:#848484;}

.box {margin: 0 0 30px 0; padding: 20px 40px 0 40px; background:none;  border-radius: 0px; }
img {max-width: 100%; border-radius: 0px;}
.image {background-size: cover; background-position: center center; border-radius: 0px;}
p {margin: 30px 0;}
.col-md-4 > div,
.col-md-12 > div {border: 1px solid #000000; padding: 10px;}
.more{ position: absolute; bottom:-25px; right:0; left:0; text-align:center; text-transform:uppercase; font-size:13px; color:#CC3300
 !important; }
.more a{color:#CC3300
 !important;}.more a:hover{ color:#000000 !important;}

.post-wrapper { display: flex; width: 100%; flex-direction: row; position:relative; margin:0 auto; padding-bottom:10px; }
.post-widget { flex: 1; align-items: flex-start;}
.post-wrapper ul { margin:0; padding:0;}
.post-wrapper ul li{ font-size:16px; margin:0 0 0 20px; padding:0; }
.post-wrapper li a{ color:#CC3300
;}
.post-wrapper li a:hover{ color:#000000;}
.post-widget-left { padding:0px 20px 0 0; margin-top:15px; border-right:1px solid #ccc; position:relative; }
.post-widget-right { padding:0px 0 0 20px; margin-top:15px; position:relative;}
.post-widget-left p, .post-widget-right p{ color:#666;margin:0; padding:0;}
.post-widget-left h1, .post-widget-right h1{ font-size:17px; margin:25px 0 10px 0; font-weight:600; padding:0; color:#000000; line-height:22px; font-family: 'Roboto Slab', serif; } 
.post-widget-left h1 a, .post-widget-right h1 a{ font-size:17px; margin:25px 0 10px 0; font-weight:600; padding:0; color:#000000; line-height:22px;transition: .4s;} 
.post-widget-left h1 a:hover, .post-widget-right h1 a:hover{ color:#CC3300
; transition: .4s;}
.post-widget-left img{width: 100%; object-fit:cover; height:150px; object-position: 140% 20%; border:1px solid #666}
.post-widget-right img {width: 100%; object-fit:cover; height:150px; object-position: 140% 20%; border:1px solid #666}
.post-widget-left:hover { opacity:1; }
.post-widget-right:hover { opacity:1; }
.post-category{ z-index:1; position:absolute; margin:0; padding:4px 9px; background:#CC3300
; color:#fff; bottom:6px; left: 6px; font-size:14px; text-transform:uppercase;}
.wrapp-image{ position:relative;}
.post-date{position:absolute; bottom:-20px; color:#acacac; font-size:11px; text-transform:uppercase; font-family: 'Roboto Slab', serif; }
.divider{
    border-bottom: 1px solid #ccc;
    width: auto;
    margin: 30px 0 30px 0;
    padding: 0;
}
.post-date-content{ color:#acacac; font-size:12px; padding: 0 0 5px 0; text-transform:uppercase; font-family: 'Roboto Slab', serif; }
.post-category-content{ color:#908f8f; font-size:11px; padding:5px 0 0 0; font-family: 'Roboto Slab', serif; }
.post-container{ margin:0; padding:10px 0; overflow:hidden; border-bottom:1px solid #ccc;} 
.post-thumb { width:100px; height:100px; float: left;vertical-align: top; clear:both; }
.post-thumb img { width: 100%; object-fit:cover; height:100px; object-position: 50% 0%; border:1px solid #ccc;}
.post-content { margin-left: 115px; position:relative;  }
.post-content h1 {font-size:18px; margin:0px 0 0 0; font-weight:600; padding:0; color:#CC3300
; line-height:22px; font-family: 'Roboto Slab', serif;}
h2{
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    font-weight: 500;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    color: #CC3300
;
    line-height: 22px;
}
.left-ads{ margin:0; padding:0;}
.left-ads img{ width:100%;}


.more-newsletters{ display:grid; grid-template-columns: repeat(auto-fit, minmax(14rem,1fr)); grid-gap:1rem; margin-top:30px;  }
.card:nth-child(odd){ background:none;padding:0px; margin:0;}
.card:nth-child(even){ background:none;padding:0px; margin:0;}
.card img{ width:100%; object-fit:cover; height: 130px;}
.card h1{font-size: 18px; margin: 0px 0 0 0; font-weight: 600; padding: 0; color: #000000; line-height: 22px; font-family: 'Roboto Slab', serif;}
.card h1 a{font-size: 18px; margin: 0px 0 0 0; font-weight: 600; padding: 0; transition: .4s; color: #000000; line-height: 22px; font-family: 'Roboto Slab', serif;}
.card h1 a:hover{ color: #CC3300
;}
.info p{ padding:0px; margin:0; color:#acacac; font-size:11px !important; text-transform:uppercase; font-family: 'Roboto Slab', serif;}


/*Subscribe Form*/
.sortables{ margin:0; padding:0;}
.sortables label{ display:block;}
.sortables input{ width:100%; padding:5px; margin-bottom:10px;}
.sortables .checkbox{ display:inline-block; margin:0 auto; height:30px; text-align:center;  padding:0; }
.sortables h3{ font-size:12px; font-weight:200; margin:0; padding:0; text-transform:capitalize;}
.sortables .btn-submit{ border:1px solid #FFF; border-radius:5px; font-size:16px; color:#fff; cursor:pointer; padding:6px; background:none;  transition: .4s;}
.sortables .btn-submit:hover{ border:1px solid #CC3300
; background:#CC3300
;transition: .4s;}
/*Subscribe Form*/


.theiaStickySidebar > h1{
    font-size: 24px;
    margin: 25px 0 0 0;
    font-weight: 600;
    padding: 0 0 0 5px;
    color: #333;
    line-height: 28px;
    font-family: 'Catamaran';
    border-left: 3px solid #CC3300
;
}
.theiaStickySidebar > h3{
    font-size: 20px;
    margin: 25px 0 0 0;
    font-weight: 600;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    color: #000000;
    line-height: 22px;
}
.theiaStickySidebar > h4{ font-size:18px; margin:25px 0 0 0; font-weight:600; padding:0; color:#996666; line-height:22px;  }
.theiaStickySidebar > h5{ font-size:12px; margin:25px 0 0 0; padding:0; color:grey;  }
.article-author-wrapper{
    display: flex;
    position: relative;
    margin: 25px 0;
    text-transform: none;
    padding: 7px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    align-items: center;
    justify-content: center;
}
.article-author {flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex: 1 1 auto;font-size:14px; }
.article-date {font-family:'Roboto Slab', serif; flex-grow: 0; flex-shrink: 0; flex-basis: 150px; flex: 0 0 150px; text-align:right; align-self: flex-center; color:#999;font-size:11px; }
.theiaStickySidebar p{ font-size:16px;}
.figure-caption{ font-size:14px;color: #999999; }
.img-gallery-magnific{ margin:0 0 20px 0;}
.center{ text-align:center;} 
.italics{ font-style: italic;}  
.spacing{ padding:0 10%;}

.VendorHub-category{
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}
.VendorHub-category > h2{ border:none; margin:0 0 10px 0; font-size:22px; color:#CC3300
;}
.VendorHub-category > h3{
    border: none;
    margin: 0 0 0px 0;
    padding: 35px 0 0 0;
    font-size: 34px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 34px;
    color: #333;
}
.VendorHub-category ul{
    margin: 0;
    padding: 10px 10px;
    background: #838383;
    border-radius: 10px;
}
.VendorHub-category ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #bababa !important;
}
.VendorHub-category ul li a{ margin:0; padding:0px; font-size:15px; line-height:25px;  color:#fff; text-decoration:none; }
.VendorHub-category ul li a:hover{ color:#CC3300
;}

.vendorhub-article{ margin:0px auto; padding:25px 0 ; position:relative; border-bottom:1px solid #ccc; }
.vendorhub-article  > h4{
    border: none;
    margin-bottom: 3px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 22px;
    color: #CC3300
;
    font-family: 'Roboto Slab', serif;
    max-width: 68%;
}
.vendorhub-article .subheading{
    margin: 0 0 0px 0;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Roboto Slab', serif;
}

.vendorhub-article .subheading a{
    color: #666;
    text-decoration: underline;
}
.vendorhub-article p{ margin:0; padding:10px 0; }
.vendorhub-article .logo{  margin:0; padding:0; position: absolute; top:25px; right:0;  width:200px; text-align:right !important;  }
.vendorhub-article .logo img{width:auto; text-align:left !important;}
.hide{ border:none;}
 
@media screen and (max-width: 1100px) {
 
.searchWrapper-mid,
.topGrayWrapper,
.wrapper,
.header,
.footer {width: 1000px; }	
.content {width: 700px; }
.rightSidebar {	width: 280px; }
}
@media screen and (max-width: 1024px) {
.wrapmenu li a { padding:5px 7px; font-size:12px; font-stretch: extra-condensed;}
.searchWrapper-mid,
.topGrayWrapper,
.wrapper,
.header, 
.footer {width: 97%; }	
.content {width: 70%; }
.rightSidebar {	width: 28%; }
.footer-copyright{width: auto; padding: 0 20px;}

}

@media screen and (max-width:890px) {
.wrapper,
.header,
.footer { width:100%; }	
.topGrayWrapper, .searchWrapper-mid, .logo{ width:auto; padding:0 15px;}
.logo img{ width:100%;}
.topGrayWrapper{ border:none;}
.content,.rightSidebar,.leftSidebar { display:block; float:none; width:auto; }
.subscribe{ left:70px;} 
 .searchWrapper-mid{ margin-right:10px;}
 .searchWrapper{ position:fixed; width:100%; z-index:2;}
 .topGrayWrapper{  padding-top:65px;}
.post-wrapper{flex-direction: column; }
.post-widget-left, .post-widget-right{ width: 100%; margin:0; padding:0 0 20px 0; border:none; }
.footer-wrapper {flex-direction: column; }
.footer-widget-left{ width: 100%; margin:0; padding:0 20px 20px 20px; border:none; text-align:center; }
.content, .rightSidebar { width:100%; margin:0; padding:0 0px; }
 .vendorhub-article  > h4{ width:50%;}
.VendorHub-category, .vendorhub-article, .post-wrapper{  width:95%; }
 h2{margin-right:auto; margin-left:auto;  width:95%;}
	}