/*
Theme Name: diabet
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, font, img, small, strong, sub,  dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;  font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
strong,b{font-weight:bold}
em,i{font-style:italic}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*-------------------------------------*/
#BrowserUpgrade{ position:absolute; width:100%; bottom:0; height:80px; line-height:80px; text-align:center; font-size:16px; text-align:center; background: rgba(0,0,0,0.3); }
*, *::after, *::before {box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
/* *::after, *::before {  content: '';} */
html {width:100%;}
a { color: #4e8daf; text-decoration: underline;}
a:hover { color: #87b706; text-decoration:none;}
.clr{clear: both;}
.hidden {  opacity: 0;}
.visible {  opacity: 1;}
/*-------------------------------------*/
html.html-is-locked {overflow: hidden;}
html{font-family: 'Open Sans'; font-size: 16px; line-height: 1; color: #525252; }
body{background:#F4F3EF; background: #fff; }
/*-------------------------------------*/
.wrapper {width: 1400px; margin: 0 auto;}

.header {padding: 10px 0; display: flex; justify-content:space-between; }
.logo {padding: 10px 0; width: 22%;}
.logo__link {display: block;}
.logo__img {max-width: 100%;}
.media {text-align: center; max-width: 60%;}
.media__wrapper { width: 728px; margin: 0 auto;display: block; }

.header-navi {width: 14%;}
.button-ask {height: 40px; font-size: 15px; line-height: 40px; display: block; text-decoration: none; color: #fff; background:#5C89C7; border-radius: 4px;text-align: center; font-weight: 600;transition: 0.3s;}
.button-ask:hover{color: #fff; background: #EAC560;}
.search {margin-top: 10px;}
.search__form {position: relative; }
.search__form:focus {background: #000;}
.search__input {width: 100%; background: #EFEFEF; border: 3px solid #EFEFEF; height: 40px; line-height: 40px; padding: 0 40px 0 10px;font-family: 'Open Sans';color: #555;font-size: 16px;font-weight: 600; border-radius: 4px;}
.search__button { width: 40px; height: 40px; background: url(images/search-ico.svg) 50% 50% no-repeat;text-indent: -10000px;cursor: pointer; border: none; position: absolute;right: 0; top: 0;}
.mobile-menu-button{display: none;}

.nav {border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
.nav__list {display: flex; justify-content:space-around; flex-wrap: wrap; padding: 10px 0; align-items: center;}
.nav__item {width: 12%; text-align: center; display: block; padding: 10px; font-size: 14px; text-transform:uppercase; line-height: 1.4;border-radius: 15px; transition: 0.3s;}
.nav__link { color: #555; text-decoration: none;font-weight: 600 }
.nav__item__active .nav__link {color: #fff; box-shadow:none;}
.nav__item:hover .nav__link {color: #fff; box-shadow:none;}

.nav__link, .nav__item_3 .nav__link{box-shadow: inset 0 -2px 0 #5C89C7;}
.nav__item__active,.nav__item:hover,.posts__item:before, .posts__item:after, .posts__item-wrap:before, .posts__item-wrap:after, .posts__link-more, .nav__item_3.nav__item__active,.nav__item_3.nav__item:hover,.posts__item_3:before, .posts__item_3:after, .posts__item_3 .posts__item-wrap:before, .posts__item_3 .posts__item-wrap:after, .posts__item_3 .posts__link-more {background:#5C89C7; }
.nav__item_11 .nav__link{box-shadow: inset 0 -2px 0 #EAC560;}
.nav__item_11.nav__item__active,.nav__item_11.nav__item:hover,.posts__item_11:before, .posts__item_11:after, .posts__item_11 .posts__item-wrap:before, .posts__item_11 .posts__item-wrap:after, .posts__item_11 .posts__link-more {background:#EAC560; }
.nav__item_4 .nav__link{box-shadow: inset 0 -2px 0 #E66AAB;}
.nav__item_4.nav__item__active,.nav__item_4.nav__item:hover,.posts__item_4:before, .posts__item_4:after, .posts__item_4 .posts__item-wrap:before, .posts__item_4 .posts__item-wrap:after, .posts__item_4 .posts__link-more {background:#E66AAB; }
.nav__item_5 .nav__link{box-shadow: inset 0 -2px 0 #95C86F;}
.nav__item_5.nav__item__active,.nav__item_5.nav__item:hover,.posts__item_5:before, .posts__item_5:after, .posts__item_5 .posts__item-wrap:before, .posts__item_5 .posts__item-wrap:after, .posts__item_5 .posts__link-more {background:#95C86F; }
.nav__item_6 .nav__link{box-shadow: inset 0 -2px 0 #3EB2C7;}
.nav__item_6.nav__item__active,.nav__item_6.nav__item:hover,.posts__item_6:before, .posts__item_6:after, .posts__item_6 .posts__item-wrap:before, .posts__item_6 .posts__item-wrap:after, .posts__item_6 .posts__link-more {background:#3EB2C7; }
.nav__item_8 .nav__link{box-shadow: inset 0 -2px 0 #5CC7AF;}
.nav__item_8.nav__item__active,.nav__item_8.nav__item:hover,.posts__item_8:before, .posts__item_8:after, .posts__item_8 .posts__item-wrap:before, .posts__item_8 .posts__item-wrap:after, .posts__item_8 .posts__link-more {background:#5CC7AF; }
.nav__item_15 .nav__link{box-shadow: inset 0 -2px 0 #CCC9CC;}
.nav__item_15.nav__item__active,.nav__item_15.nav__item:hover,.posts__item_15:before, .posts__item_15:after, .posts__item_15 .posts__item-wrap:before, .posts__item_15 .posts__item-wrap:after, .posts__item_15 .posts__link-more {background:#CCC9CC; }
.nav__item_9 .nav__link{box-shadow: inset 0 -2px 0 #E54C75;}
.nav__item_9.nav__item__active,.nav__item_9.nav__item:hover,.posts__item_9:before, .posts__item_9:after, .posts__item_9 .posts__item-wrap:before, .posts__item_9 .posts__item-wrap:after, .posts__item_9 .posts__link-more {background:#E54C75; }
.nav__item_7 .nav__link{box-shadow: inset 0 -2px 0 #FCA946;}
.nav__item_7.nav__item__active,.nav__item_7.nav__item:hover,.posts__item_7:before, .posts__item_7:after, .posts__item_7 .posts__item-wrap:before, .posts__item_7 .posts__item-wrap:after, .posts__item_7 .posts__link-more {background:#FCA946; }
.nav__item_25 .nav__link{box-shadow: inset 0 -2px 0 #96033D;}
.nav__item_25.nav__item__active,.nav__item_25.nav__item:hover,.posts__item_25:before, .posts__item_25:after, .posts__item_25 .posts__item-wrap:before, .posts__item_25 .posts__item-wrap:after, .posts__item_25 .posts__link-more {background:#96033D; }
.nav__item_16 .nav__link{box-shadow: inset 0 -2px 0 #8BDD00;}
.nav__item_16.nav__item__active,.nav__item_16.nav__item:hover,.posts__item_16:before, .posts__item_16:after, .posts__item_16 .posts__item-wrap:before, .posts__item_16 .posts__item-wrap:after, .posts__item_16 .posts__link-more {background:#8BDD00; }
.nav__item_26 .nav__link{box-shadow: inset 0 -2px 0 #A7C9CC;}
.nav__item_26.nav__item__active,.nav__item_26.nav__item:hover,.posts__item_26:before, .posts__item_26:after, .posts__item_26 .posts__item-wrap:before, .posts__item_26 .posts__item-wrap:after, .posts__item_26 .posts__link-more {background:#A7C9CC; }
.nav__item_13 .nav__link{box-shadow: inset 0 -2px 0 #3A363C;}
.nav__item_13.nav__item__active,.nav__item_13.nav__item:hover,.posts__item_13:before, .posts__item_13:after, .posts__item_13 .posts__item-wrap:before, .posts__item_13 .posts__item-wrap:after, .posts__item_13 .posts__link-more {background:#3A363C; }
.nav__item_10 .nav__link{box-shadow: inset 0 -2px 0 #FF0000;}
.nav__item_10.nav__item__active,.nav__item_10.nav__item:hover,.posts__item_10:before, .posts__item_10:after, .posts__item_10 .posts__item-wrap:before, .posts__item_10 .posts__item-wrap:after, .posts__item_10 .posts__link-more {background:#FF0000; }
.nav__item_12 .nav__link{box-shadow: inset 0 -2px 0 #8BDDF9;}
.nav__item_12.nav__item__active,.nav__item_12.nav__item:hover,.posts__item_12:before, .posts__item_12:after, .posts__item_12 .posts__item-wrap:before, .posts__item_12 .posts__item-wrap:after, .posts__item_12 .posts__link-more {background:#8BDDF9; }
.nav__item_14 .nav__link{box-shadow: inset 0 -2px 0 #F55CF9;}
.nav__item_14.nav__item__active,.nav__item_14.nav__item:hover,.posts__item_14:before, .posts__item_14:after, .posts__item_14 .posts__item-wrap:before, .posts__item_14 .posts__item-wrap:after, .posts__item_14 .posts__link-more {background:#F55CF9; }

.nav__item_3 {border: 5px solid #5C89C7;}
.nav__item_11 {border: 5px solid #EAC560;}
.nav__item_4{border: 5px solid #E66AAB;}
.nav__item_5{border: 5px solid #95C86F;}
.nav__item_6{border: 5px solid #3EB2C7;}
.nav__item_8{border: 5px solid #5CC7AF;}
.nav__item_15{border: 5px solid #CCC9CC;}
.nav__item_9{border: 5px solid #E54C75;}
.nav__item_7{border: 5px solid #FCA946;}
.nav__item_25{border: 5px solid #96033D;}
.nav__item_16{border: 5px solid #8BDD00;}
.nav__item_26{border: 5px solid #A7C9CC;}
.nav__item_13{border: 5px solid #3A363C;}
.nav__item_10{border: 5px solid #FF0000;}
.nav__item_12{border: 5px solid #8BDDF9;}
.nav__item_14{border: 5px solid #F55CF9;}


.posts__link, .posts__item_3 .posts__link {background: rgba(92, 137, 199, .2);}
.posts__item_11 .posts__link {background: rgba(234, 197, 96, .2);}
.posts__item_4 .posts__link {background: rgba(230, 106, 171, .2);}
.posts__item_5 .posts__link {background: rgba(149, 200, 111, .2);}
.posts__item_6 .posts__link {background: rgba(62, 178, 199, .2);}
.posts__item_8 .posts__link {background: rgba(92, 199, 175, .2);}
.posts__item_15 .posts__link {background: rgba(204, 201, 204, .2);}
.posts__item_9 .posts__link {background: rgba(229, 76, 117, .2);}
.posts__item_7 .posts__link {background: rgba(252, 169, 70, .2);}
.posts__item_25 .posts__link {background: rgba(150, 3, 61, .2);}
.posts__item_16 .posts__link {background: rgba(139, 221, 0, .2);}
.posts__item_26 .posts__link {background: rgba(167, 201, 204, .2);}
.posts__item_13 .posts__link {background: rgba(58, 54, 60, .2);}
.posts__item_10 .posts__link {background: rgba(255, 0, 0, .2);}
.posts__item_12 .posts__link {background: rgba(139, 221, 249, .2);}
.posts__item_14 .posts__link {background: rgba(245, 92, 249, .2);}

.main__posts {margin-top: 15px;}
.posts{}
.posts__item, .posts__item_sizer {width: 19%;margin: 7px 0.5%; background: transparent; position: relative;}
.posts__item_sizer_2{width: 39%;}
.posts__item-wrap {position: relative; background: #EFEFEF; border-radius: 4px;}
.posts__item-content {padding:20px 0; }
.posts__item-title {font-weight: 600;line-height: 1.3;margin-bottom: 20px; padding: 0 10px;}
.posts__item-media {margin-bottom: 20px; text-align: center;}
.posts__item-img {max-width: 100%;}
.posts__item-text {font-weight: 300; line-height: 1.3; font-size: 16px;margin-bottom: 20px;  padding: 0 10px;}
.posts__item-cat{font-size: 15px; text-align: right;  padding: 0 10px;}
.posts__link {display: block; position: absolute; height:0%; width: 100%; background:rgba(0,0,0,.5); bottom: 0; left: 0;display:flex; justify-content: center;align-items: center; text-decoration: none;   transition: all 0.2s 0.3s ease;border-radius: 4px;}    
.posts__link-more { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: 600; border-radius: 4px; opacity: 0; transition: all 0.3s 0.3s ease;}
.posts__item:hover .posts__link{height:100%;}
.posts__item:hover .posts__link-more{opacity: 1;}

.posts__item:before, .posts__item:after {position: absolute;content: "";height: 0%;width: 2px; z-index: 2}
.posts__item:before {right: 0;top: 0;transition: all 0.1s ease;}
.posts__item:after {left: 0;bottom: 0;transition: all 0.1s 0.2s ease;}
.posts__item:hover:before {transition: all 0.1s 0.2s ease;height: 100%;}
.posts__item:hover:after {transition: all 0.1s ease;height: 100%;}
.posts__item-wrap:before, .posts__item-wrap:after {position: absolute;content: "";}
.posts__item-wrap:before {left: 0;top: 0;width: 0%;height: 2px;transition: all 0.1s 0.1s ease;}
.posts__item-wrap:after {left: 0;bottom: 0;width:100%;height: 2px; }
.posts__item-wrap:hover:before {width: 100%;}

.main h1{color: #5c89c7; font-size: 26px; margin: 30px 0; font-weight: 600; text-transform: uppercase; text-align: center; background: url(images/h1-bg.png) 50% 100% no-repeat;  padding-bottom:40px;}
.main h2 {color: #525252; font-size: 20px; margin: 30px 0; font-weight: 600; text-transform: uppercase;text-align: center; background: url(images/h2-bg.png) 50% 100% no-repeat; padding-bottom:40px;}
.main h3{color: #525252; font-size: 18px; margin: 30px 0; font-weight: 600; text-transform: uppercase;text-transform: uppercase;text-align: center; background: url(images/h3-bg.png) 50% 100% no-repeat; padding-bottom:10px;}
.main h5 {color: #5c89c7;font-weight: 600;}
.title,.comment-reply-title{color: #5C89C7; font-size: 18px; margin: 20px 0; font-weight: 600; text-transform: uppercase;}
.taxonomy-description,.entry-content{margin: 20px 0; line-height: 1.7;}
.entry-content p {margin: 10px 0;}
.main ul,.main ol:not(.comment-list) {margin: 30px 0; clear: both;}
.main ul li:not(.comment) {margin: 2px 0; list-style: none; color:#555; padding:15px 20px 15px 40px; background: url(images/list.png) 0 15px no-repeat, url(images/list-bg.png) 0 0 no-repeat; background-color:#f7f7f7; border-top: 2px solid #d9dada;}
.main ul li:not(.comment):nth-child(2n) {background-color:#ececec;}

.main ol:not(.comment-list) {counter-reset:li;}
.main ol li:not(.comment) {margin: 10px 0; list-style: none; color:#555; padding:0 0 0 30px; position:relative;}
.main ol li:not(.comment)::before{content:counter(li) ")";counter-increment:li;  position:absolute; left:0; top:-4px; color:#00a6c4; font-size: 20px;font-weight: 600; font-style: italic;}

.main  .css {background: url(images/imp-top.jpg) 50% 0 no-repeat,url(images/imp-bott.jpg) 50% 100% no-repeat #fff; padding:80px 40px; background-size: contain; color:#1d3c67;font-weight: 600; margin: 30px 0; }

.main .user_row{font-weight: 600; margin: 15px 0;}
.greytext {font-size: 13px; line-height: 1;}
.greytext span:nth-child(1){font-size: 16px;}
.main hr {color: #efefef; margin: 20px 0;    border: 0; height: 1px;    background: #efefef;}

.comments-area{margin: 30px 0;border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 30px 0;}
.comments-title {}
.comment-list { list-style: none; margin: 20px 0;}
.comment {padding: 20px;margin: 20px 0; list-style: none;border-radius: 4px;}
.comment.even{background: #EFEFEF; }
.comment.odd {background: #fafafa;}
.comment-author {font-weight: 600;  display: inline-block;}
.comment-metadata {font-weight: 300; display: inline-block;font-size: 14px;}
.comment-content {margin: 20px 0; line-height: 1.7;font-weight: 300; padding: 20px; border: 1px dashed #CCC9CC; border-radius: 4px;}
.reply {text-align: right;}
.comment-reply-link {text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 600;}

.comment-respond {max-width: 600px; margin: 20px auto;}
.comment-notes{font-weight: 300; font-size: 13px;}
.comment-form p{ margin-bottom: 15px;}
.comment-form label{font-weight: 600;font-size: 13px; text-transform: uppercase;display:block; margin-bottom: 5px;}
.comment-form input{width:100%; height: 40px; line-height: 40px; padding:0 10px;  background: #fcfcfc; border: 2px solid #EFEFEF;font-family: 'Open Sans';color: #555;font-size: 16px; border-radius: 4px;}
.comment-form textarea{width: 100%; height: 200px; padding:10px; background: #fcfcfc; border: 2px solid #EFEFEF;font-family: 'Open Sans';color: #555;font-size: 16px; border-radius: 4px;}
.comment-form input:focus,.comment-form textarea:focus{border-color: #7FC1FF;}
.comment-form input.submit{background: #5C89C7; color: #fff; text-align: center; cursor: pointer; line-height: 35px;font-weight: 600; text-transform: uppercase;font-family: 'Open Sans'; border: none;}
.comment-form input.submit:hover{ background: #EAC560;}

.askform {margin:30px 0; padding:30px; background: rgba(252,252,252,0.5); border: 2px solid #fcfcfc; border-radius: 4px;}

.askform p{ margin-bottom: 15px;}
.askform label{font-weight: 600;font-size: 13px; text-transform: uppercase;display:block; margin-bottom: 5px;}
.askform label span{color:red;}
.askform input{width:100%; height: 40px; line-height: 40px; padding:0 10px;  background: #fcfcfc; border: 2px solid #EFEFEF;font-family: 'Open Sans';color: #555;font-size: 16px; border-radius: 4px;}
.askform textarea{width: 100%; height: 200px; padding:10px; background: #fcfcfc; border: 2px solid #EFEFEF;font-family: 'Open Sans';color: #555;font-size: 16px; border-radius: 4px;}
.askform input:focus,.askform textarea:focus{border-color: #7FC1FF;}
.askform input[type="submit"]{background: #5C89C7; color: #fff; text-align: center; cursor: pointer; line-height: 35px;font-weight: 600; text-transform: uppercase;font-family: 'Open Sans'; border: none;}
.askform input[type="submit"]:hover{ background: #EAC560;}

.footer {display: flex; justify-content:space-between;align-items: center; border-top: 1px solid #EFEFEF; margin-top: 20px; padding: 20px 0;}
.footer__copy {font-size: 12px; text-transform: uppercase; color:#999; }
.footer__count {}

.breadcrumbs {border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 15px 2%; margin: 5px 0; background:#EFEFEF;}
.breadcrumbs .name {color: #5C89C7;}
.breadcrumbs .sep {padding: 0 5px;}
.breadcrumbs .current {color: #555;}

.page-up{display:none; z-index: 999;opacity: .6;position: fixed;top: 98%;margin-top: -65px;left: 100%;margin-left:-75px; border-radius:50%;width:65px;height:65px; background: url(images/page-up.png) center center no-repeat rgba(0,0,0,.5); cursor:pointer;}
.page-up:hover{opacity: 1;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*--------------------------------------------------------------
pagination
--------------------------------------------------------------*/


.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
    font-size: 16px;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;

}
.screen-reader-text {
    display: none;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #5C89C7;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}