@charset "utf-8";


/*_______Contents Style________________________________*/

/*+++ Main colum   ++++++++*/

.post-content p{line-height:1.6;font-size:15px ;margin-top:3px;margin-bottom:3px;}
.post-content p .hightlight{background:yellow;}
.post-content img{margin-top:10px;margin-bottom:10px;}
#content p,
#content ol,
#content ul,
#content table{padding-left:20px;padding-right:20px;}
#content div.post-content blockquote{background:#fafafa;padding:15px;margin:10px 20px 15px 20px;}
#content div.post-content blockquote.via-link{background:#666;color:#fff;}
#content div.post-content blockquote.via-link a{color:#eee;}
#content div.post-content blockquote.via-link a:hover{color:#aaa;text-decoration: none}
#content div.post-content blockquote.sample-link{background:#000;color:#fff;}
#content .post-content .gist{padding:0 20px;}
#content .post-content .gist table{margin:0;}
#content .post-content table{width: 100%;border-collapse: collapse;margin:15px 0;}
#content .post-content table th{background: #fafafa;color:#555;font-weight: bold;max-width:20%;}
#content .post-content table td,
#content .post-content table th{padding:10px 20px; border-top:1px solid #eee;border-bottom:1px solid #eee; text-align:left;}
#content .post-content table td{border-left:1px solid #eee;}
#content .related{font-size: 13px;margin-top:30px;}
#content .related h3{margin-bottom:0px;border-left:none;font-size:20px;color:#666;}
#content .related h3 span{top: -30px;}
#content .related,
#content .related ul{padding:0;overflow:hidden;}
#content .related ul{border-top:1px solid #eee;}
#content .related ul li{display:inline-block;border-bottom:1px solid #eee;float:left;padding:0;margin:0;max-height:50px;cursor: pointer;width:49.93%;}
#content .related ul li:hover{background: #efefef;}
#content .related ul li.guu{border-right:1px solid #eee;}
#content .related ul li img{padding:0;margin:0 10px 0 0;position:relative;left:0;}
#content .related ul li a{position:relative;left:0;}
#content .syntaxhighlighter{width: 100% !important;}
#content .related ul li.span-two a span{display: inline-block;width:300%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsi;position: absolute;bottom:100%;font-size: 11px}
#weblog span[id^="more"]{display:inline-block;margin:80px 0 ;width:468px;padding:15px 15px 10px 15px;border:1px solid #eee;text-align:center;position:relative;left:12%;}
.post-content .right img{padding-right:15px;}
.post-items .gads{overflow:hidden;}
.gads{padding:0 20px;margin-bottom:20px;}

/*_______Job Entry Form____________________________________*/
#content .post-content table.job--entry-form th,
#content .post-content table.job--entry-form td{border:none;}
#content .post-content table.job--entry-form th{border-top:1px solid #eee;}
#content .post-content table.job--entry-form td{padding:0;}
#content .post-content table.job--entry-form td span{width:100%;}
#content .post-content table.job--entry-form td input,
#content .post-content table.job--entry-form td textarea{width:100%;border:none;padding:10px 0;display: inline-block;}
#content .post-content table.job--entry-form td input[type="submit"]{background: #fafafa;border-top: 1px solid #eee;border-bottom: 1px solid #eee}
#content .post-content table.job--entry-form td input[type="submit"]:hover{background:#eeeeee;cursor: pointer;}


/*_______All Headding Style________________________________*/

.post-items h2{font-size:17px;margin:20px ;border-bottom:1px solid #efefef;padding-bottom:15px;}
.post-content h3{border-left:1px solid red; padding:15px 15px 15px 20px;font-size:20px;margin:50px 0 25px 0;color:#333;margin-left: -1px;}
.post-content h4{;padding:10px 0 10px 25px;margin:50px 0 15px 0;font-size:16px;color:#333;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.post-content h5{margin:50px 0 15px 0;padding:10px 0 10px 25px;font-size:16px;font-weight:bold; }

#content .related  h3.section-title {margin-bottom:10px;border-left:none;font-size:20px;color:#666;border-top: 1px solid #eee;padding:0 0 0 20px; height:18px;font-weight:normal;}
#content .related  h3.section-title .side-headding {position: relative;top: -15px;padding: 0 15px;background:white;color:#444;}
.comments-tab h3.section-title,
#respond h3.section-title{margin-bottom:10px;margin-top:30px;border-left:none;font-size:20px;color:#666;border-top: 1px solid #eee;padding:0 0 0 20px; height:18px;font-weight:normal;}
.comments-tab h3.section-title .side-headding,
#respond h3.section-title .side-headding{position: relative;top: -15px;padding: 0 15px;background:white;color:#444;}
#other-recommend{border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; margin-top:1.8em;}
#other-recommend h3{border-left:none;margin-bottom:0;margin-top:0;padding: 15px 15px 15px 28px ;background:#fcfcfc;border-left: 1px solid #eee;}
#other-recommend h3:before{content:none;}
#other-recommend ul{margin:0;padding-left:0;list-style-type:none;width:100%;box-sizing: content-box;}
#other-recommend ul li{width:100%;margin:0;border-top:1px solid #eee;}
#other-recommend ul li:hover{background:#fff;}
#other-recommend ul li a{width: 100%;padding:15px 5px 15px 29px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
#other-recommend ul li a:hover{color:#333333;text-decoration: none}
#other-recommend ul li.and_more{background:#f3f3f3;}
#other-recommend ul li.and_more:hover{background:#ebebeb;}
#other-recommend ul li.and_more a{text-align:center;font-weight: bold;padding:15px 0;color:#666;}
#other-recommend ul li.and_more a:hover{color:#333;}
/* Share box*/
.content-share{overflow:hidden;margin:1px;}
.content-share p.social-buttons{margin-top:30px;}
.content-share p{margin-top:15px;}
.content-share span.share-title{display:inline-block;padding:49px;background:#f3f3f3;border:1px solid #ebebeb;float:left;margin:29px 60px 29px 29px;}
.content-share span.ut{display:inline-block;margin-right:10px;}
.content-share input{border:none;width:43%;background-color:#fcfcfc;}
.content-share input:hover{background:#ebebeb;}
.fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span {width: 100%! important;}
.footads{border-bottom:1px solid #eee;margin-bottom:-1px;}

/*tab*/
.panelwrap {margin:0;overflow: hidden;}

/*Comments tabs*/
.comments-tab ul{list-style-type:none;padding:0;margin:0;}
.comments-tab ul li {margin:0;width:100%;border-top:1px solid #eee;}
.comments-tab ul.tab-list{border-bottom:1px solid #eee;}
.comments-tab ul.tab-list li a{padding: 10px 15px ;width:auto;display:block; font-size:13px;color:#666;margin:1px 0;}
.comments-tab ul.tab-list li a:hover{background:#efefef;color:#111; text-decoration: none;}
.comments-tab ul li ul{list-style-type:circle;border-top:1px solid #eee;}
.comments-tab ul li ul li{border:none;}
.comments-tab  .tab-box{border-bottom:1px solid #eee;}

#comments-area ol.commentlist{padding:0;margin:0;list-style-type:none;}
#comments-area ol.commentlist li{border-top:1px solid #eee;margin-top:-1px;}
#comments-area ol li p{margin:0px 5px 15px 0px;}
#comments-area li blockquote{ font-style: italic;border-left:3px solid #888;border-right:3px solid #888;margin:7px 0;padding:5px 30px 0 30px;}
#comments-area li blockquote p{color:#888;font-style: italic;font-size:11px;padding:0;}
#comments-area ol li ul.children{padding-right:0;padding-left:0;margin:25px 0 50px 0;}
#comments-area ol li ul.children > li{border-top:none; margin-top:25px;}
#comments-area ol li ul.children li > div{margin-left:11.5%;border:1px solid #eee;border-right:none;}
#comments-area ol li .comment-author{overflow:hidden;zoom:1;margin-bottom:10px;width:100%;background:url("../img/h4.gif") no-repeat 0 55% ;z-index:0;}
#comments-area ol li .comment-author .commentmetadata{display:inline-block;padding-left:15px;padding-top:5px;padding-right:30px;border-top:1px solid #eee;position:relative;left:0px;top:37px; }
#comments-area ol li .comment-author .name-label{display:inline-block;position:relative;top:25px;left:15px;}
#comments-area ol li .comment-author img{margin:15px ; padding:5px; border:1px solid #eee;float:left;background:#fff;z-index:1;}
#comments-area ol li.comment div em{margin:15px;padding:3px;background:#fcfbd6;}
#comments-area li.bypostauthor{background:url("../img/h4.gif") repeat-x 0 57px ;z-index:0;}
#comments-area li.bypostauthor div{background:#fcfcfc ;}
#comments-area li ul.children{list-style-type:none;border-top:none;}
#comments-area li.bypostauthor ul.children li{background:url("../img/h4.gif") repeat-x 0 50px ;z-index:0;}
#comments-area li.bypostauthor ul.children li.bypostauthor div{background:#fcfcfc ;}
#comments-area li.bypostauthor ul.children li > div{margin-left:23.1%;border:1px solid #eee;border-right:none;}
#comments-area li.bypostauthor ul.children li div{background:#fff;}
#comments-area li.bypostauthor ul.children li ul.children{list-style-type:none;border-top:none;}
#comments-area li.bypostauthor ul.children li ul.children li{background:url("../img/h4.gif") repeat-x 0 50px ;z-index:0;}
#comments-area li.bypostauthor ul.children li ul.children li.bypostauthor div{background:#fcfcfc ;}
#comments-area li.bypostauthor ul.children li ul.children li > div{margin-left:34.8%;border:1px solid #eee;border-right:none;}
#comments-area li.bypostauthor ul.children li ul.children li div{background:#fff;}
#comments-area li.bypostauthor ul.children li ul.children li ul.children{list-style-type:none;border-top:none;}
#comments-area li.bypostauthor ul.children li ul.children li ul.children li{background:url("../img/h4.gif") repeat-x 0 50px ;z-index:0;}
#comments-area li.bypostauthor ul.children li ul.children li ul.children li.bypostauthor div{background:#fcfcfc ;}
#comments-area li.bypostauthor ul.children li ul.children li ul.children li > div{margin-left:46.5%;border:1px solid #eee;border-right:none;}
#comments-area li.bypostauthor ul.children li ul.children li ul.children li div{background:#fff;}
.reply a{display:inline-block;width:67px; color:#333;background:#f7f7f7;font-size:12px;margin-left:15px;text-align:center;padding:5px 0;}
.reply a:hover{color:#fff;background:#aaa;text-decoration:none;}
.cancel-comment-reply a{display:inline-block;width:155px; color:#333;background:#f7f7f7;font-size:12px;margin-left:15px;margin-top:5px;text-align:center;padding:5px 0;}
.cancel-comment-reply a:hover{color:#fff;background:#aaa;text-decoration:none;}
#comments-area ol.trb-list{margin:15px 0 ;}
#comments-area ol.trb-list li {max-width: 600px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
#comments-area .aboutme{padding:14px;overflow:hidden;margin:1px;font-size: 12px;}
#comments-area .aboutme img{margin-right:15px;}
#comments-area ul.flexbox {width: 50%;}
#comments-area ul.flexbox li{border:none;}
#comments-area .aboutme p{line-height:16px;}
#comments-area .aboutme p.sosial-icons{margin-top:13px;}
form#commentform{margin:0 ;border-top:1px solid #eee ;}
#commentform table{width:100%;}
#commentform table,
#commentform table td,
#commentform table tr{margin:0;padding:0;line-height:0;}
#commentform table td textarea{min-height:120px;padding:3%;width:94%;line-height:16px;}
#commentform table input{width:80%;padding:5% 11.3% 5% 8.7%;margin:0;}
#commentform table textarea,
#commentform table input{border:none;background-color:#fff;}
#commentform table textarea:hover,
#commentform table input:hover,
#commentform table textarea:focus,
#commentform table input:focus{background:#fdfdfd;outline:none;}
#commentform table td.commform-textarea{border-top:1px solid #eee;}
#commentform table td.commform-email{border-left:1px solid #eee;border-right:1px solid #eee;}
#commentform button{background:#fafafa;border:none;border-top:1px solid #eee;padding:1.7% 3%;width:100%;text-align:left;cursor:pointer;color:#a9a9a9;}
#commentform button:hover{background:#efefef;color:#444;}
.noscroll { overflow: hidden; }
.hiddendiv {display: none;min-height:120px;padding:3%;width:94%;line-height:16px;word-wrap: break-word;white-space: pre-wrap;}

/*____Contact Form 7_____________________*/
.wpcf7 span{display: inline-block;font-size: 10px}

/*____Breakpoint___________________________*/


@media only screen and (max-width:768px) {
  .box-four .unit {width: 50%;}
  .intro .unit {width: auto;display: block;}
}

@media only screen and (max-width: 480px) {
  footer .unit:nth-child(3) {border-left: none;}
  .generic .unit {width: auto;display: block;}
}

@media only screen and (min-width: 769px) {
  .demo-introduction {padding-left: 26%;}
}