@charset "utf-8";

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
/*img,object,embed{max-width:100%}*/
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a:hover,a:active{outline:none}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}
.clearfix{zoom:1}
*, *:hover{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input:invalid,textarea:invalid{background-color:#30C}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection,::selection{background:#0099CC;color:#fff;text-shadow:none}

/* ==========================*/

body{background:#f5f5f5;color:#848484;font-size:14px;line-height:1.231;font-family:Open Sans, sans-serif;}

a{color:#6b6b6b;}
a:hover {color:#000;text-decoration: none;cursor: pointer;}

.wrapper{margin:0 auto;position:relative;}

/*================== common css ===================*/
h1{font-size: 32px;text-transform: capitalize;}
h2{font-size: 28px;text-transform: capitalize;}
h3{font-size: 22px;text-transform: capitalize;}
h4{font-size: 20px;color: #6f6f6f;line-height: 24px;text-transform: capitalize;}
h5{font-size: 18px;line-height: 25px;color: #6b6b6b;text-transform: capitalize;}
h6{font-size: 16px;line-height: 20px;color: #6b6b6b;text-transform: capitalize;}
.category-orange{background: #f58b35;color: #FFF;}
.bordertop-orange{border-top: 1px solid #f58b35;}
.cat-orange{color: #f58b35;}
.category-orange{color: #f58b35;}
.green-category{background: #3fc380;color: #FFF;}
.bordertop-green{border-top: 1px solid #3fc380;}
.green-category{color: #3fc380;}
.cat-green{color: #3fc380;}
.blue-category{background: #59abe3;color: #FFF;}
.bordertop-blue{border-top: 1px solid #59abe3;}
.cat-blue{color: #59abe3;}
.blue-category{color: #59abe3;}
.yellow-category{background: #f7ca18;color: #FFF;}
.bordertop-yellow{border-top: 1px solid #f7ca18;}
.yellow-category{color: #f7ca18;}
.cat-yellow{color: #f7ca18;}
.purple-category{background: #4e11a9;color: #FFF;}
.bordertop-purple{border-top: 1px solid #4e11a9;}
.purple-category{color: #4e11a9;}
.cat-purple{color: #4e11a9;}
.pink-category{background: #e573ce;color: #FFF;}
.bordertop-pink{border-top: 1px solid #e573ce;}
.pink-category{color: #e573ce;}
.cat-pink{color: #e573ce;}
.white-wrapper{background: #FFF;padding:20px;border: 1px solid #f1f1f1;}
figure{margin-bottom: 10px;overflow: hidden;}

/*================== header ===================*/
.top-bar{background: #4f5052;padding: 10px 0;}
.top-bar ul {margin-top: 3px;}
.top-bar ul li{float:left;}
.top-bar ul li a{color: #d5d5d5;font-size: 14px;margin: 0 20px;}
.top-bar ul li:first-child a{margin-left: 0;}
.search-form {width: 200px;height: 25px;float: right;}
.search-form input {background: #000;height: 100%;border: 0;float: left;padding: 5px 10px;width: 85%;border-radius: 0;font-size: 13px;}
.search-form button{background: #000;border: 0;float: left;padding: 4px 7px 0;border-radius: 0;}
.logo-row{background: rgb(0,0,0);position: relative;padding: 30px 0;overflow: hidden;}
.logo-row:before {background: url(../images/left-img.png);position: absolute;left: 0;display: block;content: '';width: 208px;height: 172px;background-size: 100%;top: -32px;}
.logo-row:after {background: url(../images/right-img.png);position: absolute;right: 0%;display: block;content: '';width: 280px;height: 113px;top: 24px;background-size: 100%;}
.logo{display:inline-block;}
.sub-links{display: none;}
nav{background: #2e2e2e;padding: 15px 0;}
nav ul{text-align: center;}
nav ul li {display: inline-block;position: relative;}
nav ul li a {color: #fffefe;font-size: 18px;font-weight: 600;text-transform: uppercase;padding: 14px;}
nav ul li a i{margin-right: 10px;}
nav ul li a:hover, nav ul > li.active > a{background-color: #d5d5d5;color: #2e2e2e;}
/*nav ul > li.active > div > a{padding: 0;}*/
.dropdown li {width: 100%;text-align: left;}
.sub-menu{display: none;}
.sub-menu {position: absolute;width: 200px;background: #fff;border-radius: 5px;z-index: 1;top: 37px;}
.sub-menu li {width: 100%;text-align: left;border-bottom: 1px solid #d5d5d5;}
.sub-menu li.last{border-bottom: 0;}
.sub-menu a {color: #2e2e2e;font-size: 14px;text-transform: capitalize;padding: 8px;display: block;}

/*============= slider =================*/
.slider-block{padding: 5px 0;background: #FFF;margin-bottom: 20px;}
.slider{overflow: hidden;}
.cat-items{position: relative;}
.slider .imag-tag {background-color: rgba(0,0,0,.8);position: absolute;bottom: 0;width: 99.2%;padding: 25px 25px 10px;display: block;color: #FFF;}
.slider .col-md-4 {width: 33.1%;height: 330px;padding: 0 3px;}
.slider .row .cat-items:first-child {padding-left: 0;}
.category-tag {color: #FFF;position: absolute;padding: 7px 23px;bottom: 35px;}
/*.slider figure img {width: 100%}*/


/*============= featured article block =================*/
.article-block{position: relative;float: left;width: 100%;margin-bottom: 20px;}
.article-block .title{background: #718919;color: #FFF;text-align: center;padding: 13px 0 12px;font-weight: 600;font-size: 20px;}
.left-arrow, .right-arrow{background: #abd122;position: absolute;}
.main-block > .col-sm-8 {width: 66.7%;}
.main-block > .col-sm-4 {width: 33.3%;}
.left-arrow {left: 0;position: absolute;padding: 16px 16px 16px 26px;}
.left-arrow:after {content: '';width: 23px;height: 49px;background: url(../images/left-angle-cut.png);display: block;position: absolute;top: 0px;left: 52px;}
.right-arrow {right: 0;position: absolute;top: 0;padding: 16px 26px 16px 16px;}
.right-arrow:after {content: '';width: 20px;height: 49px;background: url(../images/right-angle-cut.png);display: block;position: absolute;top: 0;right: 52px;}
.article-block .content	{padding: 22px 12px;border: 1px solid #eeeeee;float: left;background: #FFF;}
.article-block .content .row{margin-left: -11px;margin-right: -11px;}
.article-block .content .items{padding-left: 11px;padding-right: 11px;}
.article-block .content figure{height: 238px;}
.short-desc{color: #6b6b6b;margin-bottom: 5px;}
.categories > a{font-size: 12px;text-transform: capitalize;}

.large-ad{background: #FFF;padding: 10px;float: left;margin-bottom: 20px;}


/*============= category-item-listing =================*/
.category-item-listing {float: left;margin-bottom: 20px;}
.category-title {font-weight: 600;text-align: center;text-transform: capitalize;background-color: #fff;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #e5e5e5;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc5NCA1MSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc5NCIgaGVpZ2h0PSI1MSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);	background-image: -moz-linear-gradient(bottom, #f8f8f8 0%, #fff 99.46%, #fff 100%);	background-image: -o-linear-gradient(bottom, #f8f8f8 0%, #fff 99.46%, #fff 100%);	background-image: -webkit-linear-gradient(bottom, #f8f8f8 0%, #fff 99.46%, #fff 100%);	background-image: linear-gradient(bottom, #f8f8f8 0%, #fff 99.46%, #fff 100%);padding: 16px;}
.categories-list{border: 1px solid #f1f1f1;float: left;}
.categories-list li{float: left;padding: 20px;}
.categories-list li.odd{background: #fafafa;}
.categories-list li.even{background: #fff;}
.categories-list li figure{margin-bottom: 0;width: 82px;height: 82px;}
.desc {width: 70%;}
.desc h6 {margin-bottom: 5px;}

/*============= popular article block =================*/
.article-block.popular .title{background: #d34e2f;}
.popular .left-arrow, .popular .right-arrow{background: #f38c79;}
.popular .left-arrow:after {background: url(../images/left-red-cut.png);width: 22px;}
.popular .right-arrow:after {background: url(../images/right-red-cut.png);width: 15px;}
.popular i{color: #b0391f;}

/*============= sidebar =================*/
/*============= social links =================*/
.social-links{background: #fff;padding: 16px;border: 1px solid #eee;float: left;margin-bottom: 20px;}
.social-links li{float: left;margin-right: 8px;}
.social-links li i {padding: 5px 0;background: #fff;display: block;font-size: 40px;color: #FFF;width: 49px;height: 49px;text-align: center;}
.social-links li i:hover{opacity: 0.5;}
.social-links li i.fa-facebook{background: #3b5998;}
.social-links li i.fa-twitter{background: #00abf1;}
.social-links li i.fa-google-plus{background: #d0422a;}
.social-links li i.fa-linkedin{background: #0083be;}
.social-links li i.fa-youtube-play{background: #cf2200;}
.social-links li i.vimeo{background: #1bb7ea;}
.social-links li.last{margin-right: 0;}

/*============= categories-listdown =================*/
.categories-listdown{float: left;width: 100%;margin-bottom: 20px;}
.categories-listdown ul{border: 1px solid #eee;}
.categories-listdown li{padding: 10px 20px 0;background: #FFF;}
.categories-listdown li:hover{background:#eee;}
.categories-listdown li a{text-transform: capitalize;font-size: 14px;font-family: 'Roboto', sans-serif;color: #6b6b6b;display: block;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.categories-listdown li.last a{border-bottom: 0;}
.categories-listdown li span{float: right;color: #eb7528;font-size: 14px;font-family: 'Roboto', sans-serif;}
.categories-listdown .category-title{padding: 8px;}

.medium-ad{padding: 15px;background: #fff;margin-bottom: 20px;float: left;}

/*============= latest article block =================*/
.latest-articles{float:left;margin-bottom: 20px;width: 100%;}
.latest-articles li.even{background: #fafafa;}
.latest-articles li.odd{background: #fff;}
.categories .date{margin-right: 15px;font-size: 12px;color: #a5a6a6;}
.latest-articles .category-title{padding: 8px;}

.small-ad{background: #fff;padding: 15px;margin-bottom: 20px;}
.small-ad .row{margin-left: -7px;margin-right: -7px;}
.small-ad .col-sm-6{padding-left: 7px;padding-right: 7px;margin-bottom: 15px;}
.small-ad .row + .row .col-sm-6{margin-bottom: 0;}

/*======== footer ============*/
footer .top{background: #000;padding: 30px 0;position: relative;overflow: hidden;}
.top .col-sm-4{border-right: 2px solid #737373;min-height: 154px;}
.top .col-sm-4 + .col-sm-4 + .col-sm-4{border-right: 0;padding-left: 120px;}
.top .col-sm-4 + .col-sm-4{padding-left: 120px;}
.top h3{color: #bdbdbd;margin-bottom: 15px;position: relative;z-index: 1;}
.top a{color: #aaaaaa;text-transform: capitalize;}
.top li {line-height: 23px;}
.top:before {background: url(../images/left-img.png);position: absolute;left: -70px;display: block;content: '';width: 208px;height: 214px;background-size: 100%;top: 0px;}
.top:after {background: url(../images/right-img.png);position: absolute;right: -7%;display: block;content: '';width: 350px;height: 214px;top: 0px;background-size: 100%;}
.top ul {position: relative;z-index: 1;}
.bottom{background: #212121;padding:18px 0;}
.copyright{font-size: 12px;color: #aaaaaa;margin-top: 8px;display: block;}
.copyright strong{color: #FFF;}
footer .social-links{background: none;border: 0;padding:0;margin: 0;}
footer .social-links i{width: 33px;height: 33px;font-size: 22px;padding: 7px 0;}
.social-links li i.vimeo{padding: 3px 0;}
footer .vimeo img {width: 59%;}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */ 
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}