@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400');

h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif!important;font-weight: bold;letter-spacing: 1.1px; }
.title-page{margin: 0px; margin-bottom: 25px;}
h1.title-page{font-size: 28px;}
h2.title-page{font-size: 26px;}
h3.title-page{font-size: 24px;}
h4.title-page{font-size: 22px;}
h5.title-page{font-size: 20px;}
h6.title-page{font-size: 18px;}

.color-red{color: #d06363}
strong,b{font-weight: 600!important}
.fullwidth,.full-width{width: 100%!important}
body{ background: #f9f9f9; padding-top: 15px;font-family: 'Source Sans Pro', sans-serif!important;}
img{max-width: 100%}
header{background: #fff; color:#777; position: relative;box-shadow: 0 2px 4px 0 rgba(229, 232, 236, 0.5);border-bottom: #eaeaea solid 1px;position: fixed; top:0; left: 0; width: 100%; z-index: 999}
header nav,.transparent,header nav .active a, header nav a:hover, header nav ul li.active{background: transparent!important;background-color: transparent!important}
header .brand-logo img{max-height: 18.5px}
header nav{box-shadow:none}
header nav a{font-family: 'Source Sans Pro', sans-serif; font-size: 14px; letter-spacing: 0.9px; text-transform: uppercase;color:#a7a7a7; padding-left: 15px; padding-right: 15px;}
header nav .active a{color:#888}
header .top-header{padding: 15px 0px;}
header .top-header .brand-area{text-align: center; color:#e4e4e4; font-size: 13px;}
header .top-header .brand-area span{color: #d4d4d4; font-size: 13px; display: inline-block; padding: 0px 10px;}
header .top-header .brand-area .primary-brand, header .top-header .brand-area .second-brand {color:#e4e4e4; font-size: 13px;}

header nav .nav-wrapper ul li a{ text-align: center;}
header nav .nav-wrapper ul li:first-child a{padding-left: 0px; text-align: left;}
header nav .nav-wrapper ul li:last-child a{padding-right: 0px; text-align: right;}
header nav .nav-wrapper ul li a i{border-radius: 100%; width: 50px; height: 50px; background: transparent; text-align: center; line-height: 50px; margin-top: 7px;border:#FFF solid 1px; display: inline-block;}
header nav .nav-wrapper ul{width: 100%}
header nav .nav-wrapper ul:before{display: table; width: 100%; content: " ";}
header nav .nav-wrapper ul li{display: table-cell; width: 2%; float: none}
header nav .nav-wrapper ul.home-with-logos li:first-child{width: 20%;}
header nav .nav-wrapper ul li:last-child{width: 1%}
header nav .nav-wrapper ul li .home-logos{height: 27px;}
header nav .nav-wrapper ul.home-with-logos li:first-child .home-logos{position: absolute; top:12px;}
header nav .nav-wrapper ul.square-logos li:first-child .home-logos{border-radius: 100%; height: 50px; position: absolute; top: 7px;}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{font-size: 35px!important;}

.container{max-width: 1000px!important;}

footer .copyright{text-align: center; padding-top: 56px;}
footer .copyright .logo-footer{height: 22.2px;}
footer .copyright p{font-family: 'Oxygen', sans-serif!important; font-size: 13px; font-weight: 300; color:#312f69; }

footer .footer-overlay .footer-left{position: absolute;bottom:0; left: 0;}
footer .footer-overlay .footer-right{position: absolute;bottom:0; right: 0;}

.row-fit{margin-left: -.75rem; margin-right: -.75rem;}

.sidenav-overlay{z-index: 9999}
.sidenav{z-index: 999999}

.box{background: #FFF; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 20px 50px -10px rgba(0,0,0,0.03); padding: 0px 15px;}
.box .box-head{padding: 10px 0px; font-size: 18px; color: #6b6b6b; font-weight: bold; letter-spacing: 0.5px;}
.box .box-footer{padding: 10px 0px;}
.box .box-content .list{margin-left: -15px; margin-right: -15px}
.box .box-content .list .item{padding: 8px 15px; display: block;}
.box .box-content .list .item:hover{background: #f7f7f7}
.box .box-content .list .item .row{margin-bottom: 0px;}
.box .pagination{margin-left: -10px; margin-right: -10px;}

body.widget-open,body.side-widget-open{overflow: hidden; width: 100%; height: 100%; position: relative;}
body.side-widget-open header{left: 0;z-index: 9}
body.loader-show header{z-index: 1}
body.side-widget-open{left: 0; position: absolute;}
body.side-widget-open .overlay-side-widget{width: 100%; height: 100%; left: -300px; position: fixed; top:0; display: none; z-index: 999999999999}
body.side-widget-open .content-body{width: 100%; overflow: hidden; position: relative; z-index: 0;}

.container.container-settings{max-width: 500px!important; min-width: 0px!important;}
.nav-settings-user{background:#ffffff!important; box-shadow: none; border-bottom: #d0d0d0 solid 1px;}
.nav-settings-user.subs,.nav-settings-user.subs li a{line-height: 35px!important; height: 35px!important}
.nav-settings-user li a{color: #444!important}
.nav-settings-user.subs li a{color: #999!important}
.nav-settings-user.subs{background: #333!important}

.side-widget{background: #333; width: 300px; height: 100%; position: fixed;top:0; right: -300px; overflow: auto;box-shadow: inset 13px 1px 29px -8px #000000; -webkit-box-shadow: inset 13px 1px 29px -8px #000000; -moz-box-shadow: inset 13px 1px 29px -8px #000000; -o-box-shadow: inset 13px 1px 29px -8px #000000; z-index:9}

.nav-side{padding-bottom: 50px;}
.nav-side nav{background: transparent; box-shadow: none; height: auto; line-height: normal; margin-bottom: 10px; float: left; width: 100%; padding: 10px;}
.nav-side nav ul li,.nav-side nav ul li a{width: 100%}
.nav-side nav ul li a{padding: 6px 5px; line-height: normal; font-size: 16px; color: #FFF; border-radius: 8px;}
.nav-side nav span{font-size: 11px; color: #8a8a8a; text-transform: uppercase; display: block; padding: 5px 5px; padding-bottom: 0px; letter-spacing: 1px}



.nav-side .btn-support{width: calc(100% - 25px); margin: auto; display: block; clear: both; background: #FFF; color: #333; height: auto; padding: 10px 15px; border-radius: 5px; line-height: normal; position: relative; margin-left: 15px;}
.nav-side .btn-support i{font-size: 20px; line-height: 20px; position: absolute; text-align: center; left: 10px; top: 8px;}

.nav-side .copyright{color: #ababab; font-size: 13px; text-align: center; margin-top: 30px; letter-spacing: 1px}

.notif-side{width: 100%; padding-bottom: 50px; padding-left: 15px; padding-right: 10px; padding-top: 20px;}
.notif-side ul{list-style: 0px; padding: 0px; margin: 0px;}
.notif-side ul li {display: block;width: 100%; background: #FFF; border-radius: 10px; padding: 10px 15px; margin-bottom: 10px}
.notif-side ul li .head-notif{width: 100%; display: block;float: left;border-bottom: #EEE solid 1px;}
.notif-side ul li .head-notif>*{display: block; float: left;}
.notif-side ul li .head-notif .icon{width: 15px;}
.notif-side ul li .head-notif .icon img{border-radius: 100%}
.notif-side ul li .head-notif .name{width: calc(100% - 60px);padding-left: 10px; color: #666;}
.notif-side ul li .head-notif .button-close{width: 40px; cursor: pointer; line-height: normal; text-align: right; opacity: 0.7}
.notif-side ul li .head-notif .button-close:hover{opacity: 1}
.notif-side ul li .head-notif .button-close i{ine-height: normal; font-size: 20px; color: #777;}
.notif-side ul li a{ padding: 5px 0px; display: block;}
.notif-side ul li:last-child{background: #777; padding: 3px 15px; }
.notif-side ul li:last-child a{color: #eee; text-align: center;}
.notif-side ul li:last-child:hover{background: #555}

.text-center{text-align: center;}
.text-right{text-align: right;}

.widget{display: none; width: 100%; height: 100%; position: fixed; overflow: auto; left: 0; top:0;z-index: 999}
.widget-search-form form{position: relative; z-index: 999999999; width: 90%; max-width: 750px; margin: auto;border-radius: 8px; border:#EEE solid 1px; background: #FFF; margin-top: 28px; margin-bottom: 50px; -webkit-box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52);
box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52);}
.widget-search-form .search-input{display: block; width: 100%;}
.widget-search-form .search-input .material-icons{width: 60px; display: block; text-align: center; line-height: 55px; float: left;}
.widget-search-form .search-input input,.widget-search-form .search-input input:focus{width: calc(100% - 60px); display: block; border-bottom: 0px!important; margin: 0px!important; box-shadow: none!important; height: 55px; float: left;}
.widget-search-form .search-suggestion{display: none; border-top: #EEE solid 1px}


.widget-apps-store .apps-store,.widget-new-post .new-post{position: relative; z-index: 999999999; width: 90%; max-width: 950px; margin: auto;border-radius: 8px; border:#EEE solid 1px; background: #FFF; margin-top: 28px; margin-bottom: 50px; -webkit-box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52);
box-shadow: 0px 14px 88px -15px rgba(0,0,0,0.52); padding:15px 25px; text-align:left}
.widget-new-post .new-post{bottom: 0; top: unset; text-align: center;}
.widget-new-post .new-post ul li a{width: 80%; background: #DDD; padding: 6px 15px; margin: 5px auto; display: block; border-radius: 5px; color: #000;}

.apps-store .list-apps, .apps-store .list-apps li, .apps-store .list-apps a{list-style: none; margin: 0px; padding: 0px; display: inline-block;}
.apps-store .list-apps{margin-left: -10px; margin-right: -10px; display: block;}
.apps-store .list-apps li a{margin: 10px;}
.apps-store .list-apps li a img{width: 90px; height: 90px; border-radius: 20px;border:#EEE solid 1px;}
.apps-store .list-apps li a span{font-size: 13px; color: #777; text-align: center; display: block; padding-top: 0px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;width: 100%}

.apps-store .sub-title{color: #666; font-size: 14px; text-transform: uppercase;font-weight: 600; margin-bottom: 0px}
.apps-store .title-page{border-bottom: #f3f3f3 solid 1px; padding-bottom: 20px;}

.overlay-widget{position: fixed; width: 100%; height: 100%; left: 0; top: 0;z-index: 999999; background: #00000082}

.nav-on-page-with-icon{margin-bottom: 30px!important;}
.nav-on-page-with-icon, .nav-on-page-with-icon li, .nav-on-page-with-icon a{list-style: none; margin: 0px; padding: 0px; display: inline-block;}
.nav-on-page-with-icon li a{position: relative; padding: 8px 25px; border-radius: 0px; background: transparent; padding-left: 40px; color: #959aa1; border-bottom: transparent solid 2px; margin-right: 10px; padding-bottom: 15px;}
.nav-on-page-with-icon li a:hover{border-bottom: #959aa1 solid 2px;}
.nav-on-page-with-icon li a i{position: absolute; left: 10px; top:8px;}

.nav-on-page-with-icon.have-sub-nav{margin-bottom: 0px!important}
.nav-on-page-with-icon.have-sub-nav li a{border-bottom: 0px!important; padding-bottom: 8px!important;}
.nav-on-page-with-icon.have-sub-nav li.active a, .nav-on-page-with-icon.have-sub-nav li.active a i{color:#FFF!important;}
.nav-on-page-with-icon.have-sub-nav li.active a{border-top-left-radius: 5px; border-top-right-radius: 5px;}

.sub-nav-on-page{list-style: none; margin: 0px; padding: 0px; margin-bottom: 30px; border-radius: 5px;}
.sub-nav-on-page li{display: inline-block;}
.sub-nav-on-page li a{display: inline-block; padding: 5px 10px; color:#E0E0E0}
.sub-nav-on-page li.active a{color:#fff; font-weight: 600}
.sub-nav-on-page li a:hover{color:#FFF}

.box-profile{width: 100%; display: block; float: left; padding: 10px 15px; border-bottom:#1f1f1f solid 1px}
.box-profile .photo-profile{width: 70px; float: left;}
.box-profile .photo-profile img{width: 100%; border-radius: 5px; background: #FFF}
.box-profile .photo-profile .nophoto{width: 70px; height: 70px; line-height: 70px;}
.box-profile .info-profile{width: calc(100% - 80px); float: right;}
.box-profile .info-profile .name{color: #FFF; font-size: 18px; font-weight: bold; display: block; padding-bottom: 7px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.box-profile .info-profile .btn i.material-icons{position: absolute; top:0px; left: 10px;}
.box-profile .info-profile .btn{padding-left: 40px; position: relative; border-radius: 5px;}
.box-profile .info-profile .btn-logout{padding-left: 20px; background: #fff; color: #c70303!important;position: relative;}
.box-profile .info-profile .btn-logout span{ background: #FFF;color: #c70303; padding-left: 33px;border-radius: 4px;}

.btn-show-on-hover span{display: none; position: absolute;top:0; right:0; height: 100%;padding: 0 10px;}

.search-form-inline{border:#EEE solid 1px; width: 100%;border-radius: 5px;}
.search-form-inline input, .search-form-inline input:focus{border-bottom: 0px!important; box-shadow: none!important; width: calc(100% - 40px)!important; margin: 0px!important; height: 35px!important;}
.search-form-inline i{width: 40px; line-height: 35px; display: block; float: left; text-align: center;cursor: text;}

.btn{border-radius: 5px!important}
.btn-with-icon{position: relative; padding-left: 40px;}
.btn-with-icon i{position: absolute; left: 10px; top: 0px;}

.dropdown-content{width: auto!important;}
.dropdown-content li{min-height: 0px;}
.dropdown-content li>a, .dropdown-content li>span{padding: 10px 25px!important}

.title-services{font-size: 18px; line-height: 24px; font-weight: 600; position: relative; padding-left: 40px!important; padding-bottom: 5px!important}
.title-services i{position: absolute; left: .75rem; top: 0;}
.title-services img{position: absolute; left: .75rem; top: 0; height: 24px; width: 24px; border-radius: 100%;}

.timeline-post{width: 100%; display: block;clear: both; float: left; margin: 10px 0px}
.timeline-post .photo-author-post{width: 59px;float: left;}
.timeline-post .photo-author-post img{width: 49px; height: 49px; border-radius: 5px;overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)}
.timeline-post .photo-author-post .nophoto, .nophoto{background: #999; color: #FFF; display: inline-block; width: 49px; height: 49px; font-size: 30px; line-height: 49px; text-align: center; border-radius: 5px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.timeline-post .content-post{width: calc(100% - 59px); float: right; background: #FFF; border-radius: 5px; padding: 10px 15px}
.timeline-post .content-post .author-info{padding-bottom: 10px;}
.timeline-post .content-post .author-info a.author-name{font-size: 18px; font-weight: 600; color:#111; margin-right: 10px;}
.timeline-post .content-post .author-info .post-date, .timeline-post .content-post .author-info .post-info{padding-left: 10px;color: #888; position: relative;}
{padding-left: 10px;color: #888; position: relative;}
.timeline-post .content-post .author-info .post-date:before{position: absolute; left: -1px; content: "."; width:1px; height: 1px;}
.timeline-post .content-post .author-info .post-info{margin-right: 10px; margin-left: 0px; padding-left: 0px;}

.timeline-post .content-post .caption{font-size: 16px; line-height: 20px; color:#444}
.timeline-post .content-post .attachment{padding-top: 10px; clear: both;}
.timeline-post .content-post .attachment a{opacity: 1!important}
.timeline-post .content-post .attachment .attach-image{list-style: none!important; margin: 0px; padding: 0px; display: table; margin-left: -4px; margin-right: -4px;}
.timeline-post .content-post .attachment .attach-image a{display: table-cell; padding: 4px;}
.timeline-post .content-post .attachment .attach-image a img{width: 100%; border-radius: 5px; overflow: hidden; }
.timeline-post .content-post .attachment .attach-url{border-radius: 5px; overflow: hidden;border:#F0F0F0 solid 1px;}
.timeline-post .content-post .attachment .attach-url .attach-url-caption{padding: 7px 15px;}
.timeline-post .content-post .attachment .attach-url .attach-url-caption .attach-url-caption-domain{font-size: 11px; color: #888; text-transform: uppercase;}
.timeline-post .content-post .attachment .attach-url .attach-url-caption .attach-url-caption-text{font-size: 13px; color: #666;}
.timeline-post .content-post .attachment .attach-url .attach-url-caption .attach-url-caption-title{font-size: 18px; color: #222; font-weight: 600; line-height: 24px;}
.timeline-post .content-post .attachment .attach-url .attach-url-thumbs img{width: 100%}
.timeline-post .btn-interaction{display: table; width: 100%; margin-top: 5px; border-top: #EEE solid 1px; padding-top: 5px;}
.timeline-post .btn-interaction>a{display: table-cell;width: 33%; text-align: center; border-right: #F0F0F0 solid 1px; padding-top: 5px}
.timeline-post .btn-interaction>a:last-child{border: none!important;}
.timeline-post .btn-interaction>a:hover{color:#111}
.timeline-post .btn-interaction>a.disabled,.timeline-post .btn-interaction>a.disabled:hover{color:#e2e2e2!important}
.timeline-post .count-interaction{padding-top: 15px;}
.timeline-post .count-interaction a{color: #666;}
.timeline-post .count-interaction span{color: #777;}


.price-on-modal{background: #f1f1f1; border: #EEE solid 1px; padding: 10px 20px; border-radius: 8px; margin-bottom: 10px; font-size: 16px;}

.form-check-domain{width: 100%; float: left; clear: both; background: #4f7798; padding: 5px; border-radius: 8px; position: relative; margin-bottom: 30px;}
.form-check-domain>*{float: left;}
.form-check-domain .input-domain{width: calc(100% - 230px)!important;background: #FFF!important; border-top-left-radius: 8px!important; border-bottom-left-radius: 8px!important; margin: 0px!important; border: 0px!important; padding-left: 15px!important; padding-right: 15px!important;}
.form-check-domain .select-wrapper,.form-check-domain .ext-domain{width: 100px!important; background: #FFF!important}
.form-check-domain .select-wrapper input,.form-check-domain .ext-domain{margin-bottom: 0px!important; border: 0px!important;}
.form-check-domain button{width: 100px;position: absolute; height: calc(100% - 10px)!important; border-radius: 0px!important; box-shadow: none!important;border-top-right-radius: 8px!important; border-bottom-right-radius: 8px!important;}
.form-check-domain .domain_ext_exist{position: relative;}
.form-check-domain .domain_ext_exist::before{content: '.'; position: absolute; height: 5px; width: 5px; left: -10px; top: -8px; font-size: 30px; color: #666;}

.form-check-domain.on-modal .input-domain{width: calc(100% - 130px)!important;}
.form-check-domain.on-modal .select-wrapper,.form-check-domain .ext-domain{border-top-right-radius: 8px!important; border-bottom-right-radius: 8px!important;}

.form-check-domain .dropdown-content{max-height: 200px}

.modal{max-height: 80%!important; width: 90%!important; max-width: 900px!important; border-radius: 5px;}
.modal .modal-content{background: #FFF!important}
.select-wrapper input.select-dropdown{z-index: 0!important}

.poin-badge-nav{background: #e8daba; margin: 15px; border-radius: 8px; padding: 10px 20px; font-size: 14px; color: #6d5d43; position: relative;}
.poin-badge-nav strong{display: block;}
.poin-badge-nav button{position: absolute; right:10px; top:10px; color:#555}


@media all and (min-width:1200px){
  header nav .nav-wrapper ul.home-with-logos li{width: 0.5%}
  .container{min-width: 1000px!important}

  .modal.modal-fixed-footer{height: 85%!important; max-height:  85%!important}
}

@media all and (max-width:1199px){
  .nav-on-page-with-icon li a{padding: 8px 15px; padding-left: 40px;}
}

@media all and (min-width:993px) and (max-width:1199px){
.container{width: 980px!important}
header nav .nav-wrapper ul.home-with-logos li { width: 0.5%; }
}
@media all and (max-width:992px){
  .modal{width: 100%!important; height: 100%!important; min-width: 100%!important; min-height: 100%!important; margin: 0px!important; left: 0!important; top:0!important; background: transparent; padding: 50px 20px; box-shadow: none!important; -webkit-box-shadow: none!important;-moz-box-shadow: none!important;transform:unset!important; padding-bottom: 100px !important; border-radius: 0px!important}
  .modal .modal-content{background: #FFF}
  .modal .modal-footer{position: fixed!important; bottom:0!important; left: 0!important; width: 100%!important}
  /*aside{display: none}*/
}

@media all and (min-width:601px){
  header nav .nav-wrapper ul li a i{border: none!important;}
  header nav.footer .nav-wrapper ul li a i{margin-top: -5px!important;}
  body{padding-right: 55px;}

}

@media all and (max-width: 600px){
  .container {
      width: 100%!important;
  }
  header nav a{padding-left: 5px; padding-right: 5px;}
  header nav .nav-wrapper ul li a i{width: 32px; height: 40px; line-height: 40px;}
  header nav .nav-wrapper ul.square-logos li:first-child .home-logos{border-radius: 100%; height: 40px; position: absolute; top: 7px;}
  header nav .nav-wrapper ul li:first-child a{padding-left: 5px; }
  header nav .nav-wrapper ul li:last-child a{padding-right: 5px; }

  .form-check-domain .input-domain{width: calc(100% - 130px)!important;}
  .form-check-domain .select-wrapper{border-top-right-radius: 8px!important; border-bottom-right-radius: 8px!important;}
  .form-check-domain button{width: 100%!important;border-top-left-radius: 8px!important; border-bottom-left-radius: 8px!important; clear: both; position: static;}

  .modal .modal-content{padding: 15px 10px!important}

  body{padding-top: 15px!important;}
  .timeline-post{margin-left: -.75rem; margin-right: -.75rem; width: auto; padding: .75rem; background: #FFF; position: relative; margin-bottom: 5px; min-width: calc(100% + 1.5rem);max-width: calc(100% + 1.5rem)}
  .timeline-post .content-post,.timeline-post .content-post .author-info{padding: 0px!important;}
  .timeline-post .btn-interaction{border-top: #FBFBFB solid 1px;}

  .timeline-post .content-post .author-info{height: 49px;}
  .timeline-post .content-post .attachment,.timeline-post .count-interaction,.timeline-post .btn-interaction{margin-left: -59px;}

  .nav-user-settings{margin: 0px;}
  .nav-user-settings li{display: inline-block;}
  .nav-user-settings li a{display: inline-block; padding: 8px 20px;}
  .nav-user-settings li:first-child a{padding-left: 0px;}

}

@media all and (max-width:400px){
  .timeline-post .content-post .attachment,.timeline-post .count-interaction,.timeline-post .btn-interaction{margin-left: -40px;}

  .timeline-post .photo-author-post img,.timeline-post .photo-author-post .nophoto{width: 30px!important; height: 30px!important; font-size: 25px!important; line-height: 30px!important;}
  .timeline-post .photo-author-post{width: 40px!important}
  .timeline-post .content-post{width: calc(100% - 40px)!important}
}

.page-404{padding: 100px 0px;}
.page-404 h2{font-size: 30px;}
.pagination li{z-index: 0;}
.loader-status{background: #f6f8fa ; position: fixed; left: 0; top:0; width: 100%; height: 100%;padding-top: 240px; display: none; text-align: center; }
.loader-status.hold{background: #f6f8fa7a!important}
.spinner-grey-only{border-color: #888}

.result-summary-info-check-domain{ border-radius: 8px; padding: 5px 15px; margin-bottom: 5px;}
.result-summary-info-check-domain.not-available{color: #666;border:#bb0606 solid 1px;}
.result-summary-info-check-domain.available{color: #099212;border:#3f6942 solid 1px; }

.title-page{margin: 0px; font-size: 24px; color: #6b6b6b; font-weight: bold; letter-spacing: 0.5px; line-height: 36px;}

.overlay-side-widget::after{content: "close"; font-family: 'Material Icons'; position: absolute; right: 0; top: 0; z-index: 999; font-size: 50px; line-height: 45px; opacity: 0.5; display: none;}
.side-widget-open .overlay-side-widget::after{display: block;}

/*
Default Color Theme
*/

header nav .nav-wrapper ul li.active a i, header nav .nav-wrapper ul li a:hover i,.nav-on-page-with-icon li.active a i,.dropdown-content li>a, .dropdown-content li>span{ color: #98876b;}
header .top-header{background: #737373; border-bottom: rgba(0, 0, 0, 0.1) solid 1px}
.nav-on-page-with-icon li.active a{border-bottom: #98876b solid 2px;}
.content-body a,.content-body a:hover{color: #98876b;}
.nav-on-page-with-icon a, .nav-on-page-with-icon a:hover{opacity: 1;}
.btn-primary,.btn-primary:focus,.btn-primary:hover{background:#98876b; color:#FFF!important}
.btn-default,.btn-default:focus,.btn-default:hover{background: #FFF!important; color:#444!important}
.nav-on-page-with-icon.have-sub-nav li.active a,.pagination li.active,.sub-nav-on-page{background:#98876b }


.btn-interaction a{color: #d0c6b7!important}
.btn-interaction a:hover{color: #98876b!important}
.btn-interaction a.active,.btn-interaction a.active:hover{color: #f1c687!important}

/*
GURUSIANA



header nav .nav-wrapper ul li.active a i, header nav .nav-wrapper ul li a:hover i{ color: #e09100;}
header .top-header{background: #e09100; border-bottom: rgba(0, 0, 0, 0.1) solid 1px}
.nav-on-page-with-icon li.active a{border-bottom: #e09100 solid 2px;}
.nav-on-page-with-icon li.active a i{color: #e09100}
a,a:hover{color: #e09100; opacity: 0.8;}


*/