/*
 Theme Name:   hueman Child
 Theme URI:    https://infu.ir
 Description:  hueman Child Theme
 Author:       hueman
 Author URI:   https://infu.ir
 Template:     hueman
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/



@font-face {
  font-family: 'Ir-sans';
  src: url('src/fonts/Ir-sans.eot'); /* IE9 Compat Modes */
  src: url('src/fonts/Ir-sans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('src/fonts/Ir-sans.woff2') format('woff2'), /* Super Modern Browsers */
       url('src/fonts/Ir-sans.woff') format('font-woff'), /* Pretty Modern Browsers */
       url('src/fonts/Ir-sans.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('src/fonts/Ir-sans.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong,
sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,
input,thead, tr, th, td{font-family:Ir-sans;}

/* ---------------------  FONT Style  ---------------------  */ 
.entry p {    font-size: 13px;   }
.entry h1 {    color: #2180ac;  }
.entry h2 {    color: #ed8161;  }
.entry h3 {    color: #68a691;  }
.entry h4 {    color: #39bcdf;   }
.entry h5 {    color: #842D0B;   }
.entry h6 {    color: #842D0B;   }
.entry p {    text-align: justify;   }
.entry body {     text-align: justify;   }
.entry li {     }
.entry comment { text-align: justify; }
.entry a:visited { color: #6B093F;  }
.entry a:hover { color: #008CC7; }
.entry a:active { background-color: #842D0B; }
.entry a:link { 
	color: #C30;
    text-decoration: none;
}

/* --------------------- STRONG --------------------- */


b, strong { font-weight: bold !important; }
.entry b, strong { 	font-weight: bold !important;}
.entry h1 strong {width:100%;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,#2180ac 107%);border-right:10px inset #2180ac}
.entry h2 strong {width:100%;border-radius:5px;padding:1px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,#ed8161 107%);border-right:10px inset #ed8161}
.entry h3 strong {width:100%;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,#68a691 107%);border-right:10px inset #68a691}
.entry h4 strong {width:100%;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,#39bcdf 107%);border-right:10px inset #39bcdf}
.entry h5 strong {width:100%;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,#842D0B 107%);border-right:10px inset #842D0B}
.entry h6 strong {width:100%;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 72%,rgb(216 172 80) 107%);border-right:2px inset #842D0B}
em {  font-style: italic !important;}
em {  font-style: italic !important;}
h8{background-color:white; border:0 none; color:#333; font-family:Ir-sans,sans-serif; font-size:0px; line-height:20.8px; margin:0 0 10px; padding:0; vertical-align:baseline; direction:rtl ; text-align:center;  }
/* 
.entry h1 strong {position:relative;height:24px;margin-bottom:6px;background:#2180ac;margin-top:12px;    color: #fff;}
.entry h2 strong {position:relative;height:24px;margin-bottom:6px;background:#ed8161;margin-top:12px;    color: #fff;}
.entry h3 strong {position:relative;height:24px;margin-bottom:6px;background:#68a691;margin-top:12px;    color: #fff;}
.entry h4 strong {position:relative;height:24px;margin-bottom:6px;background:#39bcdf;margin-top:12px;    color: #fff;}
.entry h5 strong {position:relative;height:24px;margin-bottom:6px;background:#842D0B;margin-top:12px;    color: #fff;}
.entry h6 strong {position:relative;height:24px;margin-bottom:6px;background:#84500B;margin-top:12px;    color: #fff;}
*/


/* --------------------- Post Title Style--------------------- */
.post-title  {   	color: #555555;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 40%,#D4F4E8 107%);border-right:30px inset #D4F4E8}
.category  {color: #000000;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 5%,#ebebeb 107%);border-right:30px inset #ebebeb}
.fittexted_for_page_title , .hu-blog-subheading   {color: #000000;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 5%,#ebebeb 107%);border-right:30px inset #ebebeb}

.post-title  {    font-size: 1.2em !important;	}
.entry h1  {    font-size: 36px !important;	}
.entry h2  {    font-size: 30px !important;	}
.entry h3  {    font-size: 24px !important;	}
.entry h4  {    font-size: 20px !important;	}
.entry h5  {    font-size: 18px !important;	}
.entry h6  {    font-size: 16px !important;	}

.entry  {    
  padding: 2em 2em;

    color: #525c65;
    margin-top: 5px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .15);
	padding: 0.8em 1.6em;
	margin-right: 1%;
	margin-left: 1%;
}
.container  {    
  padding: 0em 0em!important;	

	padding: 0em 0em!important;	
	margin-right: 0%!important;	
	margin-left: 0%!important;	
}




 .post-byline  {color: #555555;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 40%,#ffdd00 107%);border-right:30px inset #ffdd00}
/*
.post-byline{
	line-height: 2.1em;
    text-align: center;    	
	font-size: 0.9em;
	background-color:#fbb034;
	background-image:linear-gradient(315deg,#fbb034 0%,#ffdd00 74%);
	box-shadow:0 7px 15px #fbb03440;
	color:#000!important;
	padding:0 10px;
	border-radius:3px
	}
*/
/* --------------------- ImageCaption Style--------------------- */

.entry .wp-caption {
    background: #68a691 !important;
    max-width: 100%;
    margin-bottom: 14px;
    text-align: center;

    border-radius: 10px;
}

.entry .wp-caption-text {
    font-weight: bold;	
    color: #ffffff !important;
    font-size: 0.8em;
    padding: 0px 0px 8px 0px;
    margin: 0;
    text-align: center;    

}

/* --------------------- Green Header Style --------------------- */

#header {
    background: #68a691;
    position: relative;
    padding-bottom: 50px;
}
.site-title a img {
    max-height: 60px;
}
img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sidebar.expanding,
.sidebar.collapsing,
.sidebar .sidebar-content,
.sidebar .sidebar-toggle,
.container-inner > .main::before,
.container-inner > .main::after {
    background-color: #ffffff;
}
@media only screen and (min-width: 480px) and (max-width: 1200px) {
    .s2.expanded {
        background-color: #ffffff;
    }
}
@media only screen and (min-width: 480px) and (max-width: 960px) {
    .s1.expanded {
        background-color: #ffffff;
    }
}


/* --------------------- 100% Wide Screen Style --------------------- */




/* --------------------- Header RTL Style --------------------- */
.nav li a {
    line-height: 1.3em;
    display: block;
    padding: 15px 8px;
}

@media only screen and (min-width: 720px) {
    .site-title {
        float: right;
    }

    .site-description {
        float: right;
        margin-right: 20px;
        margin-left: auto;
    }
}

/* --------------------- Body RTL Style --------------------- */

.toggle-search {
    left: 0;
    right: auto;
}
.search-expand {
    right: auto;
    left: 0;
}

.nav ul {
    left: auto;
    right: 0;
}
.nav ul ul {
    right: 180px;
    left: 0;
}
.sidebar-top p {
    float: right;
}
.social-links {
    float: left;
}
.flex-viewport {
    direction: ltr;
}
.last {
    clear: left;
}
.grid {
    float: right;
}
.heading i {
    margin-left: 6px;
    margin-right: auto;
}
#nav-footer .nav ul {
    text-align: right;
}
.comment-tabs li {
    float: right;
}
.comment-tabs li i {
    margin-left: 6px;
    margin-right: auto;
}
.comment-tabs li span {
    margin-right: 8px;
    margin-left: auto;
}
.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation {
    float: right;
}
.commentlist .avatar {
    left: auto;
    right: 0;
}
.page-title .meta-single li {
    float: right;
    margin-left: 14px;
    margin-right: 0;
}
.page-title .meta-single li.comments {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.wp-pagenavi span.pages:before {
    margin-left: 6px;
    margin-right: auto;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    direction: rtl;
}
.page-title i {
    margin-left: 8px;
    margin-right: auto;
}
.social-links li {
    display: inline-block;
    margin-right: 8px;
    margin-left: auto;
}
.alx-tab .tab-item-thumbnail {
    width: 80px;
    margin-right: -94px;
    margin-left: auto;
    float: right;
}
.alx-tab.thumbs-enabled li {
    padding-right: 94px;
    padding-left: 0;
}
.alx-tab.avatars-enabled li {
    padding-right: 62px;
    padding-left: 0;
}
.alx-tab .tab-item-avatar {
    margin-right: -62px;
    margin-left: 0;
    float: right;
}
.post-meta .post-category {
    float: right;
    margin-left: 6px;
    margin-right: auto;
}
.post-meta .post-date {
    float: right;
}
screen and (max-width: 719px) .nav ul {
    margin-right: 40px;
    margin-left: auto;
}
.notebox:before {
    right: 13px;
    left: auto;
}
.notebox:after {
    right: 15px;
    left: auto;
}
.post-comments i {
    margin-left: 3px;
    margin-right: 0;
}
.entry.share {
    padding-left: 100px;
    padding-right: 0;
}
.sharrre-container {
    float: left;
    margin-left: -100px;
    margin-right: auto;
}
.entry.share .entry-inner {
    float: right;
}
.related-posts li {
    float: right;
}
.fa-hand-o-right:before {
    content: "\f0a5";
}
.format-gallery .post-format .flexslider .flex-control-nav {
    direction: ltr;
}
.commentlist .comment-author {
    margin-left: 6px;
    margin-right: auto;
}
.commentlist li,
.pinglist li {
    padding-right: 60px;
    padding-left: 0;
}
.commentlist .avatar {
    position: absolute;
    left: 0;
    right: -60px;
}
#header-ads {
    float: left;
}
@media only screen and (max-width: 719px) {
    .nav ul {
        margin-right: 40px;
        margin-left: auto;
    }
    .nav li > a:after {
        margin-right: 6px;
        margin-left: auto;
    }
    .nav > li {
        font-weight: normal;
    }
}

.menu-item-language img.iclflag {
    margin-left: 4px;
    margin-right: auto;
}

@media only screen and (min-width: 720px) {
    .nav li > a:after {
        content: "\f0d9";
        float: left;
    }
    .nav > li > a:after {
        content: "\f0d7";
        float: none;
        margin-right: 6px;
        margin-left: auto;
    }
}
div#credit {
    display: none;
}
#header-widgets {
    float: left;
}


/* --------------------- Comment List --------------------- */

.commentlist .bypostauthor {
    background: #d4f4e8;
}
.commentlist li ul.children li.bypostauthor {
    background: #d4f4e8;
}

.comment-body p {
    border-radius: 22px;
    font-size: 13px;
    color: #ffffff;
    min-height: 60px;
    padding: 20px !important;
    margin: 7px auto;
    word-wrap: break-word;
}

.comment-reply-link {
    float: left;
    display: inline-block;
    background-color: #673ab7;
    background-image: linear-gradient(30deg, #c0f, #673ab7);
    box-shadow: 0 7px 20px -4px #ad12db;
    font-size: 12px;
    color: #ffffff;
    border-radius: 5px;
    padding: 3px 10px;
}

#cancel-comment-reply-link {
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    background: #f12c2c36;
    color: #e82a2a;
    font-weight: 200;
}

.commentlist .reply a {
    color: #ffffff;
}

/* comment text */

.commentlist .comment-body p {
    margin-bottom: 8px;
    clear: both;
}

.commentlist .comment-body strong {
    font-weight: bold;
}

.commentlist .comment-body em {
    font-style: italic;
}

.commentlist .comment-body ol li {
    list-style: decimal;
    margin-left: 2em;
    padding: 0;
}

.commentlist .comment-body ul li {
    list-style: square;
    margin-left: 2em;
    padding: 0;
}

.entry comment {
    font-size: 19px;
    line-height: 2.1em;
}

.nav ul li {
    font-size: 0.63rem;
    position: relative;
    display: block;
    padding: 0;
}

.entry h6 {
    font-size: 1.8em;
    font-weight: bold;
    color: #0c3555;
    padding: 7px 20px;
    margin: 30px 0;
    border: 5px solid #842d0b;
    line-height: 30px;
}

.comment code,
.entry code,
.entry pre {
    font-family: Ir-sans, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    font-size: 1.3em;
    font-weight: bold;
}

.comment pre,
.entry pre {
    padding: 18px 20px;
    margin: 30px 0;
    border: 5px solid #1c517c;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
    overflow-y: hidden;
}

.comment code,
.entry code {
    background: #eee;
    padding: 0 3px;
}

.commentlist .even .comment-body p {
    background: #68a691;
    color: #ffffff;
}

.commentlist .odd .comment-body p {
    background: #d4f4e8;
    color: #000000;
}


/* --------------------- Single Posts Tags --------------------- */

.post-tags  {color: #555555;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 40%,#f8f8ff 107%);border-right:30px inset #f8f8ff}
.post-category span {
    font-size: 1.2em;
    color: #999;
    display: inline-block;
    margin: 0 7px 0 0;
}


.post-category a:hover {
    background-color: #16cfc1;
    color: #fff;
}

.post-category a{
	font-size: 1.2em;
	line-height: 2.1em;
	background-color:#2180ac;
	background-image:linear-gradient(315deg,#2180ac 0%,#2180ac 74%);
	box-shadow:0 7px 15px #2180ac;
	color:#ffffff!important;
	padding:0 10px;
	border-radius:3px
	}
.post-tags {
    margin-bottom: 40px;
}

.post-tags span {
    font-size: 1.2em;
    color: #999;
    display: inline-block;
    margin: 0 7px 0 0;
}


.post-tags a:hover {
    background-color: #16cfc1;
    color: #fff;
}

.post-tags a{
	font-size: 1.2em;
	line-height: 2.1em;
	background-color:#2180ac;
	background-image:linear-gradient(315deg,#2180ac 0%,#2180ac 74%);
	box-shadow:0 7px 15px #2180ac;
	color:#ffffff!important;
	padding:0 10px;
	border-radius:3px
	}


/* --------------------- Related-Posts --------------------- */
.related-posts li {    

    line-height: 60px;
    color: #525c65;
    font-weight: 600;
    margin-top: 5px;
    min-height: 270px;
	    max-height: 275px;
    margin-left: 8px;

    background: #fff;
    border-radius: 5px;
    transition-duration: .2s;
    float: right;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .15)




}
 .related-posts li { width: 31%; float: center; display: inline; }

  @media only screen and (max-width: 719px) { 

.related-posts li {
    width: 98%;
    float: left;
    display: inline;
}
	}

/* --------------------- Note Box Border Color --------------------- */

.bluebox {padding:10px;font-size:14px;line-height:1.5;background: rgba(186, 208, 228, .37);border-radius:4px;border-right:4px solid;color: #3b5998;border-color:#3b5998}
.greenbox {padding:10px;font-size:14px;line-height:1.5;background: rgba(198, 226, 204, .37);border-radius:4px;border-right:4px solid;color: #48b074;border-color:#48b074}
.redbox {padding:10px;font-size:14px;line-height:1.5;background: rgba(244, 215, 201, .37);border-radius:4px;border-right:4px solid;color: #e0473d;border-color:#e0473d}
 

/* --------------------- Sidebar-Button-Big-PIC --------------------- */


.sidebar-button {
    width: 100%;
    margin-bottom: 10px
}

@media(min-width:450px) and (max-width:767px) {
    .sidebar-button {
        width: 420px;
        margin-right: auto;
        margin-left: auto
    }
}

.sidebar-button a {
    display: block;
    position: relative;
    color: #555;
    border-radius: 6px 3px 3px 6px;
    border-right: 20px solid #bbb;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-transition: border-right-width .4s, background-position .4s;
    -o-transition: border-right-width .4s, background-position .4s;
    transition: border-right-width .4s, background-position .4s;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 10px rgba(0 , 50, 0, 0.3)
}

.sidebar-button a:hover,
.sidebar-button a:focus {
    text-decoration: none;
    border-right-width: 5px
}

.sidebar-button a:hover>div,
.sidebar-button a:focus>div {
    width: 40%
}

.sidebar-button a:hover span,
.sidebar-button a:focus span {
    opacity: 0
}

.sidebar-button a:hover:after,
.sidebar-button a:focus:after {
    opacity: .5;
    left: 20px
}

.sidebar-button a:active {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.sidebar-button a:active>div {
    background-color: #e0e0e0
}

.sidebar-button a:active>div:after {
    border-right-color: #e0e0e0
}

.sidebar-button a:active:before {
    background-color: rgba(0, 0, 0, .1)
}

.sidebar-button a>div {
    position: relative;
    padding: 25px 5px;
    background-color: #ededed;
    width: 70%;
    -webkit-transition: width .2s ease-out;
    -o-transition: width .2s ease-out;
    transition: width .2s ease-out;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.sidebar-button a>div:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 0;
    height: 0;
    border-top: 90px solid transparent;
    border-right: 25px solid #ededed
}

.sidebar-button a h3 {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 1;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar-button a span {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: center;
    opacity: 1;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.sidebar-button a:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.sidebar-button a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    opacity: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ededed;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.sidebar-button.getting-pregnant a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: 0;
    background-position: -100px 0;
    border-right-color: #b565a7
}

.sidebar-button.getting-pregnant a:hover,
.sidebar-button.getting-pregnant a:focus {
    background-position-x: -30px;
    background-position-y: 0;
    background-position: -30px 0
}

.sidebar-button.pregnancy a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -90px;
    background-position: -100px -90px;
    border-right-color: #c02034
}

.sidebar-button.pregnancy a:hover,
.sidebar-button.pregnancy a:focus {
    background-position-x: -30px;
    background-position-y: -90px;
    background-position: -30px -90px
}

.sidebar-button.baby a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -180px;
    background-position: -100px -180px;
    border-right-color: #e4583e
}

.sidebar-button.baby a:hover,
.sidebar-button.baby a:focus {
    background-position-x: -30px;
    background-position-y: -180px;
    background-position: -30px -180px
}

.sidebar-button.toddler a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -270px;
    background-position: -100px -270px;
    border-right-color: #f0bf59
}

.sidebar-button.toddler a:hover,
.sidebar-button.toddler a:focus {
    background-position-x: -30px;
    background-position-y: -270px;
    background-position: -30px -270px
}

.sidebar-button.preschoolers a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -360px;
    background-position: -100px -360px;
    border-right-color: #169c78
}

.sidebar-button.preschoolers a:hover,
.sidebar-button.preschoolers a:focus {
    background-position-x: -30px;
    background-position-y: -360px;
    background-position: -30px -360px
}

.sidebar-button.big-kid a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -450px;
    background-position: -100px -450px;
    border-right-color: #41b6ab
}

.sidebar-button.big-kid a:hover,
.sidebar-button.big-kid a:focus {
    background-position-x: -30px;
    background-position-y: -450px;
    background-position: -30px -450px
}

.sidebar-button.family a {
    background-image: url('src/images/sidebtn-parts.jpg?v=2');
    background-position-x: -100px;
    background-position-y: -540px;
    background-position: -100px -540px;
    border-right-color: #595ca1
}

.sidebar-button.family a:hover,
.sidebar-button.family a:focus {
    background-position-x: -30px;
    background-position-y: -540px;
    background-position: -30px -540px
}

.responsive-part-box {
    font-size: 16px
}
	
/* --------------------- PHI-Button --------------------- */


.phi .btn {
  display: inline-block;
  margin: 6px;
  font-size: inherit;
  line-height: 1.42;
  padding: 1.2em 1.6em;
  font-weight: bold;
  border-width: 3px;
  border-style: solid;
  background: transparent;
  border-radius: 0.4em;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s, background-color 0.3s;
  border-radius: 0.5em 0.6em / 0.6em 1em 3em 1em; }
  .phi .btn.btn-disabled {
    cursor: not-allowed;
    opacity: 0.8; }
    .phi .btn.btn-disabled:active {
      opacity: 0.6; }
  .phi .btn:hover {
    transform: translate(-2px, -2px); }
  .phi .btn:active {
    transition-duration: 0.1s;
    transform: translate(4px, 4px); }

	
/* --------------------- HomeBox Post Grid --------------------- */


.homebox-title {
    line-height: 60px;
    color: #525c65;
    font-size: 22px;
    margin-right: 30px;
    font-weight: 600;
    margin-top: 40px
}

.homebox-title a {
    font-size: 22px;
    color: #525c65;
    line-height: 50px;
    font-weight: 600
}
    .homebox .home-post:nth-child(4) {
        display: inline-block
    }

 
@media screen and (max-width:980px) {

    .archiveposts article,
    .tvbox-right,
    .tvbox-left,
    .homebox,
    .error404 section {
        width: 98%!important;
        margin: 0 1%!important
    }
}

.homebox-title {
    line-height: 60px;
    color: #525c65;
    font-size: 22px;
    margin-right: 30px;
    font-weight: 600;
    margin-top: 40px
}

.homebox-title a {
    font-size: 22px;
    color: #525c65;
    line-height: 50px;
    font-weight: 600
}

.tvbox-left .archiveposts article a {
    min-height: 70px
}
.archiveposts .tvboxthumbnail .tvplay-button {
    background-size: 60px
}



.archiveposts .tvboxthumbnail .tvpost-placeholder {
    background-image: radial-gradient(circle 846px at 6.2% 10%, rgba(246, 88, 88, 1) 4%, rgba(247, 250, 52, 1) 51.1%, rgba(16, 215, 255, 1) 78.2%, rgba(255, 10, 142, 1) 100.2%);
    background-color: rgba(255, 10, 142, 1)
}

.archiveposts article:nth-child(2) .tvboxthumbnail .tvpost-placeholder {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(15, 213, 172, 1) 0%, rgba(34, 182, 198, 1) 100.2%);
    background-color: rgba(15, 213, 172, 1)
}



.archiveposts .tvboxthumbnail,
.archiveposts .thumbnail {
    width: 34%;
    border-radius: 10px;
    margin: -40px 4% 0 4%;
    float: right
}

.archiveposts article a {
    margin-top: 55px;
    min-height: 70px;
    display: block;
    position: relative;
    background: #fff;
    transition-duration: 0.2s;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .15)
}

.archiveposts article a h3 {
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    display: inline-block;
    width: 48%
}

.archiveposts article a:hover {
    box-shadow: 0 20px 50px rgba(28, 76, 156, .15)
}

.archiveposts article a:hover>h3 {
    color: #673AB7
}

.archiveposts .tvboxthumbnail img,
.archiveposts .thumbnail img {
    width: 100%;
    display: block;
    margin: 0!important
}
.archiveposts .docs-icon {
    border-radius: 10px;
    margin-top: -20px;
    margin-right: 20px
}

@media screen and (max-width:750px) {


    .archiveposts article a {
        min-height: 70px!important
    }
}


@media screen and (max-width:980px) {
    .archiveposts article a {
        min-height: 70px
    }

    .archiveposts article,
    .tvbox-right,
    .tvbox-left,
    .homebox,
    .error404 section {
        width: 98%!important;
        margin: 0 1%!important
    }

    .archiveposts article a {
        min-height: 70px!important
    }
}

.tvbox-left .archiveposts article a {
    min-height: 70px
}


.archiveposts2col article {
    width: calc(50% - 20px);
    display: inline-block;
    float: right;
    margin: 0 10px
}

.archiveposts2col article a .thumbnail {
    margin-top: -30px;
    position: relative;
    width: 38%
}

.archiveposts2col article a {
    margin: 55px 0 15px 0
}

.thumbnail img {
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(28, 76, 156, .15);
    width: 90%!important;
    height: auto!important;
    display: block;
    margin: -40px auto 0 auto!important
}


.bigarchiveposts article a .thumbnail {
    width: 32%
}


.home-post {
    width: calc(33.3333% - 20px);
    background: #fff;
    border-radius: 10px;
    margin: 55px 10px 15px;
    transition-duration: .2s;
    float: right;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .15)
}

.home-post:hover {
    box-shadow: 0 10px 50px rgba(28, 76, 156, .15)
}

.home-post a:hover>header h3 {
    color: #673AB7
}


.home-post header {
    float: right;
    padding: 14px 17px;
    text-align: center;
    display: table;
    height: 80px;
    width: 100%;
    font-size: 15px;
    font-weight: 300
}

.home-post h3 {
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
    display: table-cell
}

.full-page-thumbs .home-post {
    width: calc(25% - 20px);
    margin: 55px 10px 15px
}
.home-post header {
    height: 90px
}

.home-post .offer-price {
    margin-top: 0
}

.home-post .offer-price span.edd_price {
    font-size: 16px
}

.home-post .edd-submit {
    margin-bottom: 0;
    line-height: 40px
}
.tvbox-right .home-post {
    width: 100%!important;
    margin: 55px 0 15px!important
}

.tvbox-right .home-post h3 {
    font-size: 16px
}

@media screen and (max-width:980px) {
 
    .home-post {
        width: 48%!important;
        margin-right: 1%!important;
        margin-left: 1%!important
    }
}


@media screen and (max-width:750px) {

    .home-post header {
        min-height: 95px!important
    }

    .homebox .home-post:nth-child(4) {
        display: inline-block
    }

    .home-post {
        width: 99%!important
    }

}

.infu-btn,
input[type="submit"],
form button,
.wp-block-button a {
    background-color: #516b94;
    border: none!important;
    border-radius: 50px!important;
    box-shadow: 0 5px 15px #516b9480;
    margin: 0px auto!important;
    display: table;
    color: #fff!important;
    transition-duration: 0.2s;
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 400;
    text-align: center
}

.infu-btn:hover,
input[type="submit"]:hover,
form button:hover,
.wp-block-button a:hover {
    box-shadow: 0 5px 25px #516b9495
}

@media screen and (max-width:980px) {

    .infu-btn {
        width: 70%!important
    }
}



@media screen and (max-width:750px) {

    .infu-btn {
        width: 65%!important
    }
    .homebox .home-post:nth-child(4) {
        display: inline-block
    }
    .archive-content h2 a {
        font-size: 12px!important
    }
    .archive-content p {
        font-size: 10px!important
    }
}



/* --------------------- 2 Columns --------------------- */

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 960px) {
  .column {
    width: 100%;
  }
}
/* --------------------- 3 Columns --------------------- */

/* Create two equal columns that floats next to each other */
.column3 {
  float: left;
  width: 33%;
  padding: 10px; 
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 960px) {
  .column3 {
    width: 100%;
  }
}
/* --------------------- Sidebar Widget Title --------------------- */


	.widget-title {position:relative;height:24px;margin-bottom:6px;background:#1c517c;border-right:4px solid #d40000;margin-top:12px;    color: #fff;}
	.widget-title:before,
	.widget-title:after{clear:both}
	.widget-title:after{clear:both}
	.widget-title:after{display:block;content:'';width:0;height:0;position:absolute;bottom:0;left:0;z-index:10;border-bottom:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;border-left:12px solid #fff}.world 
	.widget-title:after{display:block;content:'';width:0;height:0;position:absolute;bottom:0;left:0;z-index:1000;border-bottom:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #B9E0FD;border-left:12px solid #B9E0FD;}
	.widget-title span{margin:0;font:bold 13px/30px dana-regular;float:right;position:absolute;bottom:0;right:0;background:#0151B2;padding:0 7px 0 7px;z-index:12;color:#fff}
	.widget-title span:before,
	.widget-title span:after{display:block;content:'';width:0;height:0;position:absolute;bottom:0;z-index:-1;border-left:30px solid transparent;border-right:30px solid transparent}
	.widget-title span:before{left:-34px;border-bottom:30px solid #fff}
	.widget-title span:after{left:-30px;border-bottom:30px solid #0151B2}
	.widget-title span{cursor:pointer;}

/* --------------------- Price list --------------------- */


	.row.price-list-boxes .column {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px
}


.row.price-list-boxes .column .price-list-box {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .07);
    top: 0;
    -webkit-transition: top .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.row.price-list-boxes .column .price-list-box:hover {
    top: -2px;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.row.price-list-boxes .column .price-list-box-icon {
    min-width: 105px;
    width: 105px;
    position: relative;
    height: 90px;
    margin-left: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row.price-list-boxes .column .price-list-box-icon svg {
    position: relative;
    z-index: 2;
    fill: #fff;
    margin-top: 2px
}

.row.price-list-boxes .column .price-list-box-icon:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px 0 0 10px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 1
}

.row.price-list-boxes .column .price-list-box-text {
    font-size: 15px;
    color: #949494;
    font-weight: 500;
    line-height: 1.7
}

.price-list-box-siemens .price-list-box-text b {
    color: #009999
}

.price-list-box-siemens .price-list-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.price-list-box-siemens .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #009999
}

.price-list-box-siemens .price-list-box-text b {
    color: #009999
}

.price-list-box-siemens .price-list-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.price-list-box-siemens .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #009999
}

.price-list-box-raad .price-list-box-text b {
    color: #f5821f
}

.price-list-box-raad .price-list-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.price-list-box-raad .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #f5821f
}

.price-list-box-hyundai .price-list-box-text b {
    color: #4c6ea7
}

.price-list-box-hyundai .price-list-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.price-list-box-hyundai .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #4c6ea7
}

.price-list-box-telegram .price-list-box-text b {
    color: #5ebae8
}

.price-list-box-telegram .price-list-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.price-list-box-telegram .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #5ebae8
}

.price-list-box-instagram .price-list-box-icon svg {
    height: 52px;
    margin-left: 12px
}

.price-list-box-instagram .price-list-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(254, 114, 103, .2), -23px 0 rgba(254, 114, 103, .1);
    box-shadow: -13px 0 rgba(254, 114, 103, .2), -23px 0 rgba(254, 114, 103, .1);
    background: #f76290;
    background: linear-gradient(295deg, #f76290 0%, #fe7464 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f76290", endColorstr="#fe7464", GradientType=1)
}

.price-list-box-instagram .price-list-box-text b {
    color: #fb6c78
}

.price-list-box-text b {
    font-size: 18px;
    font-weight: 600
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


/* --------------------- ActionBox-Button-Call-Us --------------------- */

.w-btn.icon_atleft i + .w-btn-label,
.w-btn-label {
    margin-right: 20px;
}
.w-btn-label {
    margin-right: 20px;
}
.w-actionbox {
	padding: 42px 46px;
	}
	.w-actionbox-text > *:first-child {
		margin: 0 !important;
		}
	.w-actionbox.controls_right .w-actionbox-controls {
		padding-left: 40px;
		}
		.w-actionbox.controls_right .w-btn {
			margin-left: 10px;
			}

.w-actionbox.color_primary .w-actionbox-text > *,
.w-actionbox.color_secondary .w-actionbox-text > *,
.w-actionbox.color_custom .w-actionbox-text > * {
	color: inherit;
	}
.w-btn,
button,
input[type="submit"] {
	font-size: 15px;
	line-height: 2.8;
	padding: 0 1.5em;
	margin: 5px 0;
	text-transform: uppercase;
	position: relative;
	border-radius: 3px;
	border: none;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */
	}
	.w-btn-label {
		position: relative;
		z-index: 1;
		}
	.w-btn i {
		position: absolute;
		z-index: 1;
		line-height: inherit;
		vertical-align: top;
		}
	.w-btn.icon_atleft i {
		left: 1.5em;
		}
	.w-btn.icon_atleft i + .w-btn-label {
		padding-left: 1.5em;
		}
button,
input[type="submit"],
.w-btn.style_raised,
.w-btn.w-blog-post-more {
	box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3);
	}
   
.w-btn,
button,
input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	}
.w-actionbox {
	text-align: center;
	position: relative;
	}	
.w-actionbox.controls_right {
	display: table;
	text-align: left;
	}
	.w-actionbox.controls_right .w-actionbox-text {
		display: table-cell;
		vertical-align: middle;
		}
	.w-actionbox.controls_right .w-actionbox-controls {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
		white-space: nowrap;
		}
.w-actionbox.controls_right {
	text-align: right;
	}
.w-actionbox.controls_right .w-actionbox-controls {
	text-align: left;
	}
.w-actionbox.controls_right .w-actionbox-controls {
	padding-left: 0;
	padding-right: 40px;
	}
.w-actionbox.controls_right .w-btn {
	margin-left: 0;
	margin-right: 10px;
	}
		
    .w-actionbox {
        padding: 20px
    }
    .w-actionbox.controls_right {
        display: block;
        text-align: center
    }
    .w-actionbox.controls_right .w-actionbox-text {
        display: block
    }
    .w-actionbox.controls_right .w-actionbox-controls {
        display: block;
        text-align: center;
        padding: 20px 0 0;
        white-space: normal
    }
    .w-actionbox.controls_right .w-btn {
        margin-left: 5px;
        margin-right: 5px
    }			

/* --------------------- Dashboard Widget --------------------- */


*, *:before, *:after {
  box-sizing: border-box;
}


.Dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.Widget {
  margin: 10px;
  box-shadow: 1px 1px 5px #333;
  text-align: center;
}

.Widget-header {
  padding: 10px 20px;
}

.Widget-headline {
  margin: 0;
}

.NotesWidget {
  display: flex;
  flex-direction: column;
  width: 200px;
  background: white;
  font-size: 1.2em;
  color: #717A8D;
}

.NotesWidget .Widget-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.NotesWidget .Widget-controls {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.NotesWidget .Widget-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 0 0 10px;
  background: ghostwhite;
}

.NotesWidget img {
  height: 40px;
}

/*
 * Events Widget
 */
.EventsWidget {
  display: flex;
  flex-direction: column;
  background: #239ED9;
}

.EventsWidget .Widget-header {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.EventsWidget .Widget-body {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0 20px 10px;
  background: #2180AC;
}

.EventsWidget img {
  height: 30px;
}

.EventsWidget .Widget-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.EventsWidget-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #239ED9;
}

/*
 * Color Forecast Widget
 */
.ColorForecastWidget {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: ghostwhite;
  color: #717A8D;
}

.ColorForecastWidget .Widget-header {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.ColorForecastWidget .Widget-body {
  flex: 2;
  margin: 0;
  padding: 0;
}

.ColorForecastWidget li {
  padding: 1em 0;
  list-style: none;
}

/*
 * Commute Widget
 */
.CommuteWidget {
  display: flex;
  background: #E67053;
}

.CommuteWidget-graphic {
  width: 120px;
}

.CommuteWidget .Widget-header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px 20px 0;
}

.CommuteWidget .Widget-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background: #e98369;
}

.CommuteWidget .Widget-subHeadline {
  margin: 1em 0 0;
  font-weight: normal;
}

.CommuteWidget .Widget-data {
  margin: 0.5em 0;
}

/*
 * Weather Widget
 */
.WeatherWidget {
  display: flex;
  flex-direction: column;
  width: 300px;
  background: #5CC8E5;
}

.WeatherWidget .Widget-header {
  position: relative;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: 10px;
}

.WeatherWidget .Widget-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.WeatherWidget-primaryIcon {
  position: absolute;
  top: -50px;
  left: -50px;
  height: 120px;
  width: 120px;
  z-index: 0;
  opacity: 0.4;
}

.WeatherWidget .Widget-headline {
  font-size: 3em;
  z-index: 1;
}

.WeatherWidget .Widget-body {
  flex: 1;
  background: #39bcdf;
  padding: 20px;
  font-weight: 300;
}

/*
 * Calendar Widget
 */
.CalendarWidget {
  background: #2699D0;
  overflow-x: auto;
}

.CalendarWidget .Widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.CalendarWidget img {
  height: 30px;
}

.CalendarWidget .Widget-headline {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.CalendarWidget .Widget-body {
  background: #2180AC;
}

.CalendarWidget-dayHeaders td {
  color: #A1E0F5;
}

.CalendarWidget td {
  padding: 6px 8px;
}

/*
 * Message Widget
 */
.MessageWidget {
  display: flex;
  flex-direction: column;
  background: #ECEDF0;
  color: #717A8D;
}

.MessageWidget .Widget-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 10px 20px;
}

.MessageWidget-graphic {
  width: 60px;
}

.MessageWidget .Widget-subHeadline {
  font-weight: 300;
}

.MessageWidget .Widget-body {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px;
  background: #E67053;
}

.MessageWidget .Widget-body img {
  height: 30px;
}

.Color-1 {
  background: #D4F4E8;
}

.Color-2 {
  background: #FF95A2;
}

.Color-3 {
  background: #ED8161;
  color: white;
}

.Color-4 {
  background: #68A691;
  color: white;
}


/* --------------------- New Massage Box With Icons --------------------- */


.new-message-box {
  margin: 15px 0;
  padding-left: 5px;
  margin-bottom: 25px !important;
}



.info-tab {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: 8px;
}

.info-tab {
  float: left;
  margin-left: -23px;
}

.info-tab i::before {
  width: 24px;
  height: 24px;
  box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
}

.info-tab i::after {
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  bottom: -18px;
}

.info-tab i::before, .info-tab i::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -17px;
  transform: rotateX(60deg);
}

.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-alert {
  padding: 12px 8px 3px 26px;
}

/***Success****/
.new-message-box-success {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-success {
  background: #8BC34A;
}

.tip-box-success {
  color: #33691E;
  background: #DCEDC8;
}

.tip-icon-success::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  position: absolute;
  color: white;
}

.tip-icon-success i::before {
  background: #8BC34A;
}

/*******Danger*******/
.new-message-box-danger {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-danger {
  background: #f44336;
}

.tip-box-danger {
  color: #b71c1c;
  background: #FFCCBC;
}

.tip-icon-danger::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-danger i::before {
  background: #f44336;
}

/*******warning*******/
.new-message-box-warning {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-icon-warning {
  background: #FFEB3B;
}

.tip-box-warning {
  color: #212121;
  background: #FFF9C4;
}

.tip-icon-warning::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: #212121;
}

.tip-icon-warning i::before {
  background: #FFEB3B;
}

/*******info*******/
.new-message-box-info {
  background: #eeeeee;
  padding: 3px;
  margin: 10px 0;
}

.tip-box-info {
  color: #01579B;
  background: #B3E5FC;
}

.tip-icon-info {
  background: #03A9F4;
}

.tip-icon-info::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-info i::before {
  background: #03A9F4;
}

/*******info*******/
.new-message-box-alert {
  background: #FF6F00;
  padding: 3px;
  margin: 10px 0;
}

.tip-box-alert {
  color: #212121;
  background: #FFF8E1;
}

.tip-icon-alert {
  background: #FF6F00;
}

.tip-icon-alert::before {
  font-size: 25px;
  content: "";
  top: 8px;
  left: 11px;
  font-family: FontAwesome;
  position: absolute;
  color: white;
}

.tip-icon-alert i::before {
  background: #FF6F00;
}

/* --------------------- Note Box Tips + Icon --------------------- */


.wrapper {
  width: 1180px;
  max-width: 100%;
  margin: 5em auto;
  font-family: "Helvetica", Arial, sans-serif;
}

.note-box {
  background: #F7B50A;
  color: #fff;
  margin: 1.5em 0;
}

.note-box.note {background: #F7B50A;}
.note-box.alert {background: #d35757;}
.note-box.idea {background: #39cccc;}
.note-box.success {background: #1fa67a;}

.note-box * {transition: 0.3s all ease-in-out;}

.note-box .note-text {
  padding: 0.1em 0.1em;
  display: table-cell;
}

.note-box .note-text h3 {}

.note-box .note-icon {
  display: table-cell;
  height: 100%;
  min-width: 60px;
  padding: 0 1em;
  text-align: center;
  vertical-align: middle;
  background: rgba(0,0,0,.1);
}

.note-box .note-icon span, .note-box .note-icon span svg {
  font-size: 60px;
  max-width: 60px;
  color: #fff;
}

@media all and (max-width: 360px) {
.note-box .note-icon {
  display: block;
  padding: 0.2em;
}
.note-box .note-icon span, .note-box .note-icon span svg {
  font-size: 36px;
  max-width: 36px;
}
.note-box .note-text {
  padding: 0.3em 1em;
}
}


/* --------------------- Alpha-Button --------------------- */

.alpha .btn {
  display: inline-block;
  margin: 6px;
  font-size: inherit;
  line-height: 1.42;
  padding: 0.8em 1.6em;
  font-weight: normal;
  border-width: 0;
  border-style: solid;
  background: transparent;
  border-radius: 0.2666666667em;
  cursor: pointer;
  font-family: "Ir-sans", "Avenir Next", Avenir, sans-serif;
  user-select: none;
  vertical-align: bottom;
  transition: box-shadow 0.2s, transform 0.2s, color 0.2s; }
  .alpha .btn.btn-disabled {
    cursor: not-allowed;
    opacity: 0.8; }
    .alpha .btn.btn-disabled:active {
      opacity: 0.6; }
  .alpha .btn:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); }
  .alpha .btn:active {
    transform: translateY(3px); }

.alpha .btn-primary {
  box-shadow: 0 3px 0 0 #367f14, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #07b31b;
  background-image: linear-gradient(-45deg, #07b31b, #11aa23);
  color: #E6EAEF; }
  .alpha .btn-primary:hover {
    box-shadow: 0 3px 0 0 #367f14, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-primary:active {
    box-shadow: 0 0px 0 0 #2d6911, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #367f14;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-secondary {
  box-shadow: 0 3px 0 0 #082fa6, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #0B44EF;
  background-image: linear-gradient(-45deg, #0B44EF, #007dfa);
  color: #E6EAEF; }
  .alpha .btn-secondary:hover {
    box-shadow: 0 3px 0 0 #082fa6, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-secondary:active {
    box-shadow: 0 0px 0 0 #07288d, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #082fa6;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-tertiary {
  box-shadow: 0 3px 0 0 #b3004a, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #e81111;
  background-image: linear-gradient(-45deg, #e81111, #ea4242);
  color: #E6EAEF; }
  .alpha .btn-tertiary:hover {
    box-shadow: 0 3px 0 0 #b3004a, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-tertiary:active {
    box-shadow: 0 0px 0 0 #990040, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #b3004a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-tetrary {
  box-shadow: 0 3px 0 0 #6b139e, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #991BE2;
  background-image: linear-gradient(-45deg, #991BE2, #640eef);
  color: #E6EAEF; }
  .alpha .btn-tetrary:hover {
    box-shadow: 0 3px 0 0 #6b139e, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-tetrary:active {
    box-shadow: 0 0px 0 0 #5b1087, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #6b139e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-black {
  box-shadow: 0 3px 0 0 #040405, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #252730;
  background-image: linear-gradient(-45deg, #252730, #212934);
  color: #E6EAEF; }
  .alpha .btn-black:hover {
    box-shadow: 0 3px 0 0 #040405, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-black:active {
    box-shadow: 0 0px 0 0 black, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #040405;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-dark {
  box-shadow: 0 3px 0 0 #1e1f26, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #3F4351;
  background-image: linear-gradient(-45deg, #3F4351, #384758);
  color: #E6EAEF; }
  .alpha .btn-dark:hover {
    box-shadow: 0 3px 0 0 #1e1f26, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-dark:active {
    box-shadow: 0 0px 0 0 #121418, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #1e1f26;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-gray {
  box-shadow: 0 3px 0 0 #4a4b56, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #6D6F7F;
  background-image: linear-gradient(-45deg, #6D6F7F, #61708b);
  color: #E6EAEF; }
  .alpha .btn-gray:hover {
    box-shadow: 0 3px 0 0 #4a4b56, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-gray:active {
    box-shadow: 0 0px 0 0 #3e3f48, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #4a4b56;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.alpha .btn-light {
  box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #E6EAEF;
  background-image: linear-gradient(-45deg, #E6EAEF, #e4edf1);
  color: #252730; }
  .alpha .btn-light:hover {
    box-shadow: 0 3px 0 0 #b7c3d1, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .alpha .btn-light:active {
    box-shadow: 0 0px 0 0 #a8b6c7, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #b7c3d1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
	

/* --------------------- Woocommerce Style --------------------- */

.woocommerce-breadcrumb  {color: #555555;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 40%,#D4F4E8 107%);border-right:30px inset #D4F4E8}
.woocommerce-result-count  {color: #555555;border-radius:5px;padding:10px;background:linear-gradient( 100deg,rgb(255 255 255) 40%,#ffdd00 107%);border-right:30px inset #ffdd00}

/*
 * Category And Tags
 */
 
 .product_meta   {  display: flex;
flex-direction: column;  background: #ECEDF0;


	
}

.posted_in   {	  
  display: flex;
  color: #717A8D;
  align-items: center;
  background: #E67053;

	}
	.posted_in a  {	 
  color: #ffffff !important;
    }
	
.posted_in a:hover {	 
  color: #000000 !important;
}
 
 
/*
 * Details
 */
.woocommerce-Tabs-panel .fittexted_for_content_h2 {
  display: flex;
  flex-direction: column;
  background: #68A691;
  color: #ffffff !important;
  font-size: 25px !important;  padding: 10px 20px;

}


/*
 * Related Product
 */
.related .fittexted_for_content_h2 {
  align-items: center;
  font-size: 15px !important;
}


/* --------------------- /*# sourceURL=hueman-main-style-inline-css */-------------- --------------------- */
body { font-family:'Source Sans Pro', Arial, sans-serif;font-size:0.81rem }@media only screen and (min-width: 720px) {
        .nav > li { font-size:0.81rem; }
      }.container-inner { max-width: 1920px; }::selection { background-color: #33363b; }
::-moz-selection { background-color: #33363b; }a,a>span.hu-external::after,.themeform label .required,#flexslider-featured .flex-direction-nav .flex-next:hover,#flexslider-featured .flex-direction-nav .flex-prev:hover,.post-hover:hover .post-title a,.post-title a:hover,.sidebar.s1 .post-nav li a:hover i,.content .post-nav li a:hover i,.post-related a:hover,.sidebar.s1 .widget_rss ul li a,#footer .widget_rss ul li a,.sidebar.s1 .widget_calendar a,#footer .widget_calendar a,.sidebar.s1 .alx-tab .tab-item-category a,.sidebar.s1 .alx-posts .post-item-category a,.sidebar.s1 .alx-tab li:hover .tab-item-title a,.sidebar.s1 .alx-tab li:hover .tab-item-comment a,.sidebar.s1 .alx-posts li:hover .post-item-title a,#footer .alx-tab .tab-item-category a,#footer .alx-posts .post-item-category a,#footer .alx-tab li:hover .tab-item-title a,#footer .alx-tab li:hover .tab-item-comment a,#footer .alx-posts li:hover .post-item-title a,.comment-tabs li.active a,.comment-awaiting-moderation,.child-menu a:hover,.child-menu .current_page_item > a,.wp-pagenavi a{ color: #33363b; }input[type="submit"],.themeform button[type="submit"],.sidebar.s1 .sidebar-top,.sidebar.s1 .sidebar-toggle,#flexslider-featured .flex-control-nav li a.flex-active,.post-tags a:hover,.sidebar.s1 .widget_calendar caption,#footer .widget_calendar caption,.author-bio .bio-avatar:after,.commentlist li.bypostauthor > .comment-body:after,.commentlist li.comment-author-admin > .comment-body:after{ background-color: #33363b; }.post-format .format-container { border-color: #33363b; }.sidebar.s1 .alx-tabs-nav li.active a,#footer .alx-tabs-nav li.active a,.comment-tabs li.active a,.wp-pagenavi a:hover,.wp-pagenavi a:active,.wp-pagenavi span.current{ border-bottom-color: #33363b!important; }.sidebar.s2 .post-nav li a:hover i,
.sidebar.s2 .widget_rss ul li a,
.sidebar.s2 .widget_calendar a,
.sidebar.s2 .alx-tab .tab-item-category a,
.sidebar.s2 .alx-posts .post-item-category a,
.sidebar.s2 .alx-tab li:hover .tab-item-title a,
.sidebar.s2 .alx-tab li:hover .tab-item-comment a,
.sidebar.s2 .alx-posts li:hover .post-item-title a { color: #33363b; }
.sidebar.s2 .sidebar-top,.sidebar.s2 .sidebar-toggle,.post-comments,.jp-play-bar,.jp-volume-bar-value,.sidebar.s2 .widget_calendar caption{ background-color: #33363b; }.sidebar.s2 .alx-tabs-nav li.active a { border-bottom-color: #33363b; }
.post-comments::before { border-right-color: #33363b; }
      .search-expand,
              #nav-topbar.nav-container { background-color: #26272b!important}@media only screen and (min-width: 720px) {
                #nav-topbar .nav ul { background-color: #26272b!important; }
              }.is-scrolled #header .nav-container.desktop-sticky,
              .is-scrolled #header .search-expand { background-color: #26272b!important; background-color: rgba(38,39,43,0.90)!important }.is-scrolled .topbar-transparent #nav-topbar.desktop-sticky .nav ul { background-color: #26272b!important; background-color: rgba(38,39,43,0.95)!important }#header { background-color: #0c3555; }
@media only screen and (min-width: 720px) {
  #nav-header .nav ul { background-color: #0c3555; }
}
        #header #nav-mobile { background-color: #1c517c!important; }.is-scrolled #header #nav-mobile { background-color: #1c517c!important; background-color: rgba(28,81,124,0.90)!important }#nav-header.nav-container, #main-header-search .search-expand { background-color: #1c517c; }
@media only screen and (min-width: 720px) {
  #nav-header .nav ul { background-color: #1c517c; }
}
        .site-title a img { max-height: 70px; }img { -webkit-border-radius: 10px; border-radius: 10px; }body { background-color: #ffffff; }

/* --------------------- -------------- --------------------- */

/* --------------------- -------------- --------------------- */

/* --------------------- -------------- --------------------- */