/*
 Theme Name:   HugeAlter Finans/Portal Wordpress Temasi
 Theme URI:    https://www.ecancan.com | https://cantema.com
 Description:  HugeAlter WordPress Temasi
 Author:       Ahmet CAN || Ecancan
 Author URI:   https://www.ecancan.com | https://cantema.com
 Version:      1.5
 Tags:         HugeAlter Finans/Portal Wordpress Temasi
 Text Domain:  hugealter
*/

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: local('Poppins Italic'), local('Poppins-Italic'), url(fonts/poppins/Poppins-Italic.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(fonts/poppins/Poppins-Light.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(fonts/poppins/Poppins-Regular.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(fonts/poppins/Poppins-Medium.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(fonts/poppins/Poppins-SemiBold.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(fonts/poppins/Poppins-Bold.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(fonts/poppins/Poppins-ExtraBold.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: local('Poppins Black'), local('Poppins-Black'), url(fonts/poppins/Poppins-Black.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }



/* PTsans */
@font-face {
    font-family: 'PTsans';
    font-style: normal;
    font-weight: 500;
    src: local('PTsans Regular'), local('PTsans-Regular'), url("fonts/ptsans/PT_Sans-Web-Regular.ttf") format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'PTsans';
    font-style: normal;
    font-weight: 500;
    src: local('PTsans Regular'), local('PTsans-Regular'), url("fonts/ptsans/PT_Sans-Web-Regular.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }
  /* latin-ext */
  @font-face {
    font-family: 'PTsans';
    font-style: normal;
    font-weight: 700;
    src: local('PTsans Bold'), local('PTsans-Bold'), url("fonts/ptsans/PT_Sans-Web-Bold.ttf") format('woff');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'PTsans';
    font-style: normal;
    font-weight: 700;
    src: local('PTsans Bold'), local('PTsans-Bold'), url("fonts/ptsans/PT_Sans-Web-Bold.ttf") format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }
  



  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto/Roboto-Regular.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/roboto/Roboto-Medium.ttf) format('ttf');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  html {
      line-height:inherit;
      height:100%;
  }
  body {
      font-family: 'Roboto', sans-serif;
      background: #fff;
  }
  .container{
      margin:0px; 
      padding:0px;
      margin-left:auto;
      margin-right:auto;
      max-width:1200px;
      position:relative;
  }
header{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.header-container{
    width:100%;
    height:100px;
    background: linear-gradient(to right, #ff4401 0%, #febe2d 100%);
    position: relative;
    z-index: 11;
}
.header-top{
    width:100%;
    height:60px;
    display:inline-block;
}
.header-bottom{
    width:100%;
    height:40px;
    display: inline-block;
}

/* btn */
.mobil-menu-button {
	position: relative;
	display:  inline-block;
	width: 30px;
    height: 30px;
    margin-right:10px;
    margin-top:17px;
    float:left;
    display:none;
}
.mobil-menu-button span {
	margin: 0 auto;
	position: relative;
	top: 12px;
}
.mobil-menu-button span:before, .mobil-menu-button span:after {
	position: absolute;
	content: '';
}
.mobil-menu-button span, .mobil-menu-button span:before, .mobil-menu-button span:after {
	width: 25px;
	height: 4px;
	background-color: #ff4401;
	display: block;
}
.mobil-menu-button-main-header span, .mobil-menu-button-main-header span:before, .mobil-menu-button-main-header span:after {
	background-color: #fff;
}
.mobil-menu-button span:before {
	margin-top: -9px;
}
.mobil-menu-button span:after {
	margin-top: 9px;
}
/* --- btn --- */
.mobil-menu-hover span {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.mobil-menu-hover:hover span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.mobil-menu-hover span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
	-webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;
}
.mobil-menu-hover:hover span:before {
	margin-top: 0;
	-webkit-transform: rotate(22.5deg) skewX(22.5deg); transform: rotate(22.5deg) skewX(22.5deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.mobil-menu-hover span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
	-webkit-transform-origin: 100% 0%; transform-origin: 100% 0%;
}
.mobil-menu-hover:hover span:after {
	margin-top: 0;
	-webkit-transform: rotate(-22.5deg) skewX(-22.5deg); transform: rotate(-22.5deg) skewX(-22.5deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
  /*Mobil menü edit*/
.slide-menu {
    position:fixed;
    top:0;
    left:0;
    width:300px;
    height:100%;
    overflow:auto;
    background-color:#fff !important;
    box-shadow:-10px 0 30px 0 rgba(0,0,0,.2);
    transition:left .2s;
    -webkit-transition:left .2s;
    -moz-transition:left .2s;
    -o-transition:left .2s;
    display:block;
    z-index:9999999;
  }
  .slide-menu ul {
      padding:0px;
      margin:0px;
      display:inline-block;
      width:100%;
  }
  .slide-menu ul li{
      padding:0px;
      margin:0px;
      width:100%;
      display:inline-block;
      list-style:none;
      position: relative;
  }
  .slide-menu ul li a {
      width:100%;
      display:inline-block;
      padding-left:10px;
      padding-right:10px;
      height:50px;
      line-height: 50px;
      margin-top:0px;
      font-family: 'Roboto',sans-serif;
      font-size:14px;
      color:#455a64;
      padding-left:20px;
      text-decoration: none;
  }
  .slide-menu ul li a i{
    font-size:20px;
    width:20px;
    height:50px;
    text-align: center;
    line-height: 50px;
    display:inline-block;
    margin-right:12px;
    float:left;
  }
  .slide-menu ul li .sub-menu{
    display:none;
  }
  .slide-menu ul li .sub-menu li a{
    background-color: #fafafa;
  }
  .slide-menu ul li .sub-menu-icon,.slide-menu ul li .sub-menu-icon-close{
    font-size:20px;
    width:40px;
    height:50px;
    text-align: center;
    line-height: 50px;
    display:inline-block;
    margin-right:12px;
    position: absolute;
    right:0px;
    top:0px;
    z-index:5;
    cursor:pointer;
  }
  .slide-menu > a.menu-close {
      display: block;
      padding-left: 20px;
      color: #fff;
      line-height: 46px;
      display: block;
       background-color: #f44336;
      color: #FFF;
      font-weight: 600;
      font-size: 14px;
      text-decoration: none;
      font-size: 20px;
      font-family: 'Roboto',sans-serif;
  }
  
  .close-menu {
    left:-301px;
        box-shadow: none;
        transition:left .2s;
  }
  .menu-close-div {
      display:none;
      position:fixed;
      width:100%;
      height:100%;
      background-color:#000;
      opacity:0.5;
      z-index:99999;
      top:0px;
      left:0px;
  }
  /*Mobil menü edit*/

.logo{
    height:100%;
    line-height: 60px;
    display:inline-block;
}
.logo img{
    width:169px;
    height:23px;
}
.exchange-slider{
    float: right;
    display: inline-block;
    overflow: hidden;
    width: 760px;
    text-align: center;
    height: 35px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px;
    position: relative;
    margin-top:13px;
}
.search-header{
    float: right;
    display: inline-block;
    
    text-align: center;
    width: 870px;
    height:35px;
    border-radius: 4px;
    position: relative;
    margin-top:13px;
}
.search-header form{
    display:inline-block;
    position: relative;
}
.search-header form i{
    position: absolute;
    left:0px;
    top:0px;
    height:35px;
    line-height:35px;
    width:35px;
    text-align: center;
    color:#fff;
}
.search-header input{
    background-color: rgba(0,0,0,0.1);
    width: 870px;
    height: 35px;
    text-align: left;
    overflow: hidden;
    float: right;
    border:none;
    color:#fff;
    text-indent: 45px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.search-header input:focus{
    outline:none;
}
.header-top-tool{
    float:right;
    display:inline-block;
}
.exchange-container {
    width:730px;
    /* background-color: rgba(0,0,0,0.1); */
    border-radius: 4px;
    font-size: 12px;
    position: relative;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;

}
.swiper-slide {
    text-align: center;
    font-size: 10px;
    background: transparent;
    color:#fff;
    font-family: 'Poppins',sans-serif;
    margin:0px;
    
  }
  .swiper-slide a{
      color:#fff;
      text-decoration: none;
  }
.swiper-slide .exc-name-state{
    width: 100%;
    text-align: center;
    font-size:12px;
    font-weight: 600;
}
.swiper-slide .exc-name-state i{
    margin-right:2px;
}
.swiper-slide .exc-value{
    width:100%;
    text-align: center;
    font-size:14px;
    margin-top:-4px;
    font-weight: 700;
}
.icon-green{
    color:#44ec40;
}
.icon-red{
    color:#fd0404;
}
.icon-notr{
    color:#fff;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 35px;
    margin-top: -18px;
}
.exchange-slider .swiper-button-prev{
    background-image: inherit;
    left:1px;
}
.exchange-slider .swiper-button-next{
    background-image: inherit;
    right:1px;
}
.exchange-slider .swiper-button-prev i{
    width:100%;
    height:100%;
    line-height: 35px;
    color:#fff;
    text-align: center;
    font-size:20px;
}
.exchange-slider .swiper-button-next i{
    width:100%;
    height:100%;
    line-height: 35px;
    color:#fff;
    text-align: center;
    font-size:20px;
}
.top-tool-container{
    display:inline-block;
    margin-top:12px;
    margin-left:20px;
}
.tool-menu{
    display:inline-block;
}
.tool-menu ul{
    margin:0px;
    padding:0px;
    display: inline-block;
    
}
.tool-menu ul li{
    margin:0px;
    padding:0px;
    list-style: none;
    float: right;
    position: relative;
}
.tool-menu ul li a{
    color:#fff;
    text-decoration: none;
    display: inline-block;
    margin-left:10px;
}
.tool-menu ul li a i{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.05);
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 31px;
    border: 2px solid rgba(255, 255, 255, 0.8901960784313725);
}
.tool-menu .fa-user-circle-o{
    font-size:21px;
}
.tool-menu .fa-user-search{
    font-size:18px;
}
.tool-menu ul li ul {
    padding-top: 10px;
    list-style: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 5px;
    top: 50px;
    z-index: 4;
    left: -60px;
    visibility: hidden;
    padding: 4px 5px 6px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65,71,108,.22);
    box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65,71,108,.22);
    border-radius: 5px;
    width: 220px;
    margin-left: 0;
    padding-top: 12px;
    display: inline-block;
}
.visible-notif {
       opacity: 1 !important;
    margin-top: -4px !important;
    visibility: visible !important;
    display:block;
}
.tool-menu ul li ul li{
    width:100%;
	display:inline-block;
	margin:0px;
	padding:0px;
	height:auto;
}
.tool-menu ul li ul li:hover{
    background:inherit;
	box-shadow:none;
}

.tool-menu ul li ul li a{
        line-height: inherit;
    color: #444;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
	height:auto;
	padding-top:7px;
	padding-bottom:7px;
}
.tool-menu ul li ul li a:hover{
    background:inherit;
	background-color:#eaeaea;
	color:#444;
	    line-height: inherit;
    border-radius: 4px;
	opacity:1;
}
.tool-menu ul li ul:before {
    background: linear-gradient(-45deg,#fff 50%,transparent 50%);
    border-radius: 0 0 3px;
    top: -6px;
    left: 48%;
    content: ' ';
    height: 12px;
    position: absolute;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 12px;
    z-index: 121;
}


.notificationCss{
	left:auto !important;
	right:0px;
}
.notificationCss:before{
	right: 12px !important;
    background: linear-gradient(-45deg,#fff 50%,transparent 50%) !important;
    border-radius: 0 0 3px !important;
    top: -6px !important;
    left: auto !important;
    content: ' ';
    height: 12px !important;
    position: absolute;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 12px !important;
    z-index: 121 !important;
}
.notification-content{
    width:calc(100% - 75px);
    float:right;
}
.hugenotif{
	width:360px !important;
	color:#444 !important;
}
.hugenotif a{	
	width:100%;
}
.ann-loader-button a {
	text-align: center;
}
.notification-list-item-container{
	display: inline-block;
	width:100%;
}
.notification-list-item{
	display:inline-block;
	transition:0.2s;
	padding-bottom:5px;
	padding-top:5px;
    border-radius: 4px;
    width:100%;
}
.notification-list-item:hover{
	background-color: #fafafa;
	transition:0.2s;
}
.notification-thumb{
	float:left;
	color:#444;
	display:inline-block;
	margin-right:10px;
}
.notification-thumb a{
	display:inline-block !important;
	height:auto !important;
	
}
.notification-thumb a i{
	width:50px !important;
	height:50px !important;
	display:inline-block;
	float:left;
    border-radius: 50%;
    background: linear-gradient(45deg, #ff4401 0%, #febe2d 100%);
    line-height: 50px !important;
    color:#fff !important;
    font-size:20px;
    border:none !important;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);
}
.notification-title{
	float:left;
	width: 100%;
    overflow: hidden;
    padding-right:10px;
    font-size:15px;
    font-family: 'PTsans',sans-serif;
}
.notification-title a{
	margin:0px !important;
	padding:0px !important;
	line-height: 20px !important;
    height:auto !important;
    color:#444 !important;
}
.ann-loader-button a i{
	margin-right:7px;
	display:inline-block;
}
.notification-date{
    float: left;
    font-size: 11px;
    width: 100%;
}
.date-content{
    float:left;
    margin-right:10px;
}
.read-check{
    float:left;
    margin-right:10px;
    color:#444;
}
.read-check a{
    color:#444;
    text-decoration: none;
}
.read-check a i{
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    line-height: inherit !important;
    float: left;
    margin-right: 7px;
    border:none !important;
}
.user-menu{
	left:auto !important;
    right:0px;
    margin:0px !important;
    padding:0px !important;
    font-family: 'Poppins',sans-serif;
    margin-top: 5px !important;
}
.user-menu:before{
	right: 12px !important;
    background: linear-gradient(-45deg,#fff 50%,transparent 50%) !important;
    border-radius: 0 0 3px !important;
    top: -6px !important;
    left: auto !important;
    content: ' ';
    height: 12px !important;
    position: absolute;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 12px !important;
    z-index: 121 !important;
}
.user-menu li{
    height:50px !important;
    overflow: hidden;
}
.user-menu li a{
    margin:0px !important;
    padding:0px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    border-radius: 0px !important;
    font-size:13px;
    line-height: 30px !important;
}
.user-menu li a:hover{
    transition:0.2s;
    background-color: #fafafa !important;
}
.user-menu li:first-child{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.user-menu li:last-child{
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.user-menu li:first-child a{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.user-menu li:last-child a{
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.user-menu li a i{
    width:30px !important;
    height:30px !important;
    color:#444;
    line-height: 30px !important;
    margin-right:10px !important;
    float:left;
    background-color: #fafafa !important;
}
.user-menu-open{
    width:35px;
    height:35px;
    border-radius: 50%;
    overflow: hidden;
}
.user-menu-open img{
    width:100%;
    height:100%;
}
.visible-user-menu {
    opacity: 1 !important;
    margin-top: -4px !important;
    visibility: visible !important;
    display:block;
}
.header-menu{
    width:100%;
    display: inline-block;
}
.header-menu ul{
    margin:0px;
    padding:0px;
    display: inline-block;
    margin-left:-8px;
    margin-right:-8px;
}
.header-menu ul li{
    float:left;
    list-style: none;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}
.header-menu ul li a{
    color:#fff;
    font-family: 'Poppins',sans-serif;
    display:inline-block;
    line-height: 40px;
    font-weight: 400;
    font-size:14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s;
    box-shadow: 0px 0px 0px transparent inset;
    padding-left:7px;
    padding-right:7px;
}
.header-menu ul li a:hover{
    box-shadow: 0px -3px 0px #fff inset;
    transition: 0.2s;
}
.header-menu ul li ul {
    list-style: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 5px;
    top: 50px;
    z-index: 1;
    left: 0px;
    visibility: hidden;
    padding: 4px 5px 6px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65,71,108,.22);
    box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65,71,108,.22);
    border-radius: 5px;
    width: 250px;
    margin-left: 0;
}
.header-menu ul li:hover > ul {
   opacity: 1;
    margin-top: -10px;
    visibility: visible;
}
.header-menu ul li ul li{
    width:100%;
    display:inline-block;
    margin:0px;
    padding:0px;
    height:auto;
    line-height: 13px;
    position: relative;
}
.header-menu ul li ul li:hover{
    background:inherit;
    box-shadow:none;
}

.header-menu ul li ul li a{
    line-height: inherit;
    color: #444 !important;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 38px;
}
.header-menu ul li ul li a i{
    width:25px;
}
.header-menu ul li ul li a:hover{
    background:inherit;
    color:#ff4401 !important;
    line-height: inherit;
    border-radius: 4px;
    opacity:1;
}
.header-menu ul li ul li ul{
    left:245px;
    top:6px;
    position: absolute;
}
.header-menu ul li ul .menu-item-has-children a .sub-menu-icon-pc{
    float:right;
}
.sub-menu-icon-pc{
    margin-left:10px;
    /* float: right; */
    text-align: right;
}
.header-menu ul li ul li a .sub-menu-icon-pc{
    transform: rotate(270deg);
    width:auto;
}
@-webkit-keyframes Gradient {
0% {
    background-position: 0% 50%
}
50% {
    background-position: 100% 50%
}
100% {
    background-position: 0% 50%
}
}

@-moz-keyframes Gradient {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}

@keyframes Gradient {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
/* The Modal (background) */
.searchmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #fafafa; /* Black w/ opacity */
}
.follower i{
    background: linear-gradient(45deg, #6606bd 0%, #5a93ff 100%) !important;
}
.comment i{
    background: linear-gradient(45deg, #0fb73a 0%, #0bea13 100%) !important;
}
.mention i{
    background: linear-gradient(45deg, #ff0101 0%, #ff7b7b 100%) !important;
}
.new-social-post i{
    background: linear-gradient(45deg, #33a5d0 0%, #26eaea 100%) !important;
}
.new-post-alert i{
    background: linear-gradient(45deg, #bb29d6 0%, #e02f56 100%) !important;
}
/* Modal Content */
.searchmodal-content {
    position: relative;
    background-color: #ffffff;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 4px;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1);

}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    display: none;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.searchmodal-body{
    display:inline-block;
    width:100%;
    height:auto;
}
.input-container{
    width:100%;
    display:inline-block;
}
.input-container input {
    width: 100%;
    border: none;
    border-radius: 4px;
    line-height: 40px;
    height:60px;
    text-indent: 15px;
    font-size: 25px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color:#444;
}
.input-container input:focus{
    outline:none;
}
.home-container{
    width:100%;
    display:inline-block;
}
.main-container{
    width:100%;
    display:inline-block;
}
.headline-container{
    width:auto;
    display: block;
    margin-left:-10px;
    margin-right:-10px;
}

.headline-content{
    height:300px;
    width:100%;
    display:inline-block;
    border-radius: 4px;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}
.headline-content:before{
    content: "";
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0px;
    background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,77));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.headline-cover{
    width:100%;
    display:inline-block;
    border-radius: 4px;
    position: absolute;
    bottom:0px;
    left:0px;
    z-index:1;
}
.headline-content h2{
    margin:0px;
    font-size:20px;
    padding:20px;
    line-height: 30px;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    padding-top:10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.headline-content h2 a{
    color:#fff;
    text-decoration: none;
    width:100%;
    display:inline-block;
}
.headline-item-type1{
    width:100%;
    max-width: 415px;
    display:inline-block;
    height:100%;
    max-height: 300px;
    
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    border-radius: 4px;
    overflow: hidden;
}
.headline-tools{
    width:100%;
    display:inline-block;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
}
.headline-tools .headline-cat a{
    display: inline-block;
    width: auto;
    height: auto;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(275deg, #6c06df 0%, #2da3fe 100%);
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    padding-top: 5px;
    border-radius: 0;
    color: #fff;
    font-size: 11px;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .625em;
    text-decoration: none;
}

.headline-item-type2{
    width:100%;
    max-width: 251px;
    display:inline-block;
    height:100%;
    max-height: 300px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    border-radius: 4px;
    overflow: hidden;
}
.headline-item-type2 h2{
    padding: 10px;
    font-size: 18px;
    line-height: 26px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    max-height: 92px;
    overflow: hidden;
}
.headline-item-type2 .headline-tools{
    padding-left:10px;
    padding-right:10px;
}
.headline-item-type3{
    width:100%;
    max-width: 237px;
    display:inline-block;
    height:100%;
    max-height: 140px;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    border-radius: 4px;
    overflow: hidden;
}
.headline-item-type3 .headline-content{
    height: 140px;
}
.headline-item-type3 h2{
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    font-weight: 700;
    height: 65px;
    overflow: hidden;
    padding-top: 10px;
}
.headline-item-type3 .headline-tools{
    padding-left:10px;
    padding-right:10px;
}
.headline1-container{
    display:inline-block;
    width:100%;
    height:auto;
    overflow: hidden;
    height: 0px;
    visibility: hidden;
}
.headline1-slider-container{
    display:inline-block;
    margin-bottom:20px;
    width:100%;
}
.headline1-slider-container .headline1-item-content{
    width:100%;
    display:inline-block;
    overflow: hidden;
    border-radius: 4px;
}
.headline1-slider-container .headline1-thumb{
    position: relative;
    width:100%;
    display:inline-block;
}
.headline1-slider-container .headline1-thumb img{
    width:100%;
    display:inline-block;
    border-radius: 4px;
    transition:0.2s;
    height:305px;
}
.headline1-slider-container .headline1-item-content:hover .headline1-thumb img{
    transform:scale(1.05);
    transition:0.2s;
}
.headline1-slider-container .headline-title-cat{
    position: absolute;
    width: calc(100% - 30px);
    background-color: #fff;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 6px;
}
.headline-title-cat h2{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top:20px;
}
.headline-title-cat h2 a{
    color:#444;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
}
.headline-title-cat .cat{
    position: absolute;
    top: -20px;
    lefT: 0px;
    text-align: center;
    font-size: 19px;
    border-radius: 50%;
    widtH: 100%;
    display:inline-block;
}
.headline-title-cat .cat i{
    width:35px;
    height:35px;
    display:inline-block;
    line-height: 35px;
    border-radius: 50%;
    background: linear-gradient(45deg , #f78031 0%, #ef4014 100%);
    transition:0.2s;
}
.headline1-item-content:hover .headline-title-cat .cat i{
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    transition:0.2s;
}
.headline1-slider-container-disabled{
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: -10px;
    margin-right: -10px;
}
.headline1-slider-container-disabled .swiper-wrapper{
        /* overflow: inherit; */
        box-sizing: inherit;
        /* margin-left: -10px; */
        /* margin-right: -10px; */
        display: inline-block;
        /* width: 100%; */
}
.headline1-slider-container-disabled .swiper-slide{
    text-align: center;
    font-size: 10px;
    background: transparent;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    /* display: inline-block; */
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:20px;
    display: inline-block;
    float: left;
}
.headline1-slider-container-disabled .headline1-item-content{
    width: 100%;
    display: inline-block;
    float: left;
}
.headline1-slider-container-disabled .headline1-thumb{
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
}
.headline1-slider-container-disabled .headline1-thumb img{
    width:100%;
    display:inline-block;
    border-radius: 4px;
    height:305px;
    transition:0.2s;
    
}
.headline1-slider-container-disabled .headline1-item-content:hover .headline1-thumb img{
    transform:scale(1.05);
    transition:0.2s;
}
.headline1-slider-container-disabled .headline-title-cat{
    position: absolute;
    width: calc(100% - 30px);
    background-color: #fff;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 6px;
}
.headline2-container{
    display:inline-block;
    width:100%;
    height:auto;
    overflow: hidden;
    height: 0px;
    visibility: hidden;
}
.headline2-slider-container{
    display:inline-block;
    margin-bottom:20px;
    width:100%;
}
.headline2-slider-container .headline2-item-content{
    width:100%;
}
.headline2-slider-container .headline2-thumb{
    position: relative;
    width:100%;
    display:inline-block;
    height:200px;
    border-radius: 4px;
    overflow: hidden;
}
.headline2-slider-container .headline2-content:after{
    content: '';
    height: 200px;
    opacity: 0.8;
    background: linear-gradient(45deg , #ef183c 0%, #e67f8c 100%);
    display: block;
    position: relative;
}
.swiper-slide:nth-child(1n ) .headline2-content:after{
    background: linear-gradient(45deg , #ef183c 0%, #ef8bab 100%);
}
.swiper-slide:nth-child(2n) .headline2-content:after{
    background: linear-gradient(45deg , #009640 0%, #7fc8a1 100%);
}
.swiper-slide:nth-child(3n) .headline2-content:after{
    background: linear-gradient(45deg , #312783 0%, #8b86af 100%);
}
.swiper-slide:nth-child(4n) .headline2-content:after{
    background: linear-gradient(45deg , #ea5b0c 0%, #e4a076 100%);
}
.swiper-slide:nth-child(5n) .headline2-content:after{
    background: linear-gradient(45deg , #570ed8 0%, #9f8bef 100%);
}
.swiper-slide:nth-child(6n) .headline2-content:after{
    background: linear-gradient(45deg , #a730be 0%, #e16a57 100%);
}
.swiper-slide:nth-child(7n) .headline2-content:after{
    background: linear-gradient(45deg , #000000 0%, #a7a7a7 100%);
}
.swiper-slide:nth-child(8n) .headline2-content:after{
    background: linear-gradient(45deg , #107371 0%, #42e8ca 100%);
}
.headline2-parent-content{
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;

}
.headline2-content h2{
    font-weight: 700;
    font-size: 25px;
    text-align: left;
    margin-top: 10px;
    line-height: 30px;
    max-height: 92px;
    overflow: hidden;
}
.headline2-content h2 a{
    color:#fff;
    text-decoration: none;
}
.headline2-parent-content .cat-name a{
    color:#fff;
    font-size:13px;
    font-weight: 600;
    text-transform: uppercase;
    padding:2px;
    padding-left:7px;
    padding-right:7px;
    background-color: rgba(0,0,0,0.35);
    border-radius: 4px;
    text-decoration: none;
    
}
.headline2-parent-content .headline2-time{
    color:#fff;
    font-size:13px;
    font-weight: 600;
    text-transform: uppercase;
    
    
}


.headline3-container{
    display:inline-block;
    width:100%;
    height:auto;
    overflow: hidden;
    height: 0px;
    visibility: hidden;
}
.headline3-slider-container{
    display:inline-block;
    margin-bottom:20px;
    width:100%;
}
.headline3-slider-container .headline3-item-content{
    width:100%;
    position: relative;
}
.headline3-slider-container .headline3-thumb{
    position: relative;
    width:100%;
    display:inline-block;
    height: 350px;
    border-radius: 4px;
    overflow: hidden;
}
.headline3-slider-container .headline3-content:after{
    content: '';
    position: absolute;
    z-index: 1;
    left: -10%;
    bottom: -50px;
    width: 118%;
    height: 66%;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    -moz-transform: rotate(-9.35deg);
    -o-transform: rotate(-9.35deg);
    -ms-transform: rotate(-9.35deg);
    transform: rotate(-9.35deg);
    opacity: 0.8;
    border-top-right-radius: 40px;
    border-top-left-radius: 0px;
    box-shadow: 0 -3px 11px rgba(0,0,0,0.2);
    
}
.headline3-slider-container .headline3-content:before{
    content: '';
    position: absolute;
    z-index: 2;
    left: -10%;
    bottom: -50px;
    width: 118%;
    height: 66%;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    -webkit-transform: rotate(-6.35deg);
    -moz-transform: rotate(-9.35deg);
    -o-transform: rotate(-9.35deg);
    -ms-transform: rotate(-9.35deg);
    transform: rotate(-9.35deg);
    opacity: 0.8;
    border-top-right-radius: 40px;
    border-top-left-radius: 0px;
    background: rgba(255,255,255,0);
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(54%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.83)));
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 100%);
    background: -o-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0.83) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.headline3-slider-container .headline3-content img{
    height:350px;
    transition:0.2s;
}
.headline3-slider-container .headline3-content:hover img{
    transform: scale(1.05);
    transition:0.2s;
}
.swiper-slide:nth-child(6n) .headline3-content:after{
    background-color: #d8123b;
}
.swiper-slide:nth-child(7n) .headline3-content:after{
    background-color:#7e5641;
}
.swiper-slide:nth-child(8n) .headline3-content:after{
    background-color:#198b41;
}
.swiper-slide:nth-child(1n) .headline3-content:after{
    background-color:#504486;
}
.swiper-slide:nth-child(2n) .headline3-content:after{
    background-color:#444;
}
.swiper-slide:nth-child(3n) .headline3-content:after{
    background-color:#993399;
}
.swiper-slide:nth-child(4n) .headline3-content:after{
    background-color:#005792;
}
.swiper-slide:nth-child(5n) .headline3-content:after{
    background-color:#ff5f5f;
}
.headline3-parent-content{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    z-index:2;

}
.headline3-content h2{
    font-weight: 700;
    font-size: 22px;
    text-align: left;
    margin-top: 10px;
    line-height: 30px;
    max-height: 90px;
    overflow: hidden;
}
.headline3-content h2 a{
    color:#fff;
    text-decoration: none;
    transition:0.2s;
}
.headline3-content:hover h2 a{
    transition:0.2s;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.headline3-parent-content .cat-name a{
    color:#fff;
    font-size:13px;
    font-weight: 600;
    text-transform: uppercase;
    padding:2px;
    padding-left:7px;
    padding-right:7px;
    background-color: rgba(0,0,0,0.35);
    border-radius: 4px;
    text-decoration: none;
    
}
.headline3-parent-content .headline3-time{
    color:#fff;
    font-size:13px;
    font-weight: 600;
    text-transform: uppercase;
    
    
}
.popular-categories-container-img{
    width:100%;
    display:inline-block;
}
.popular-categories-content-img{
    display:block;
    margin-left:-10px;
    margin-right:-10px;
    
}
.poplar-category-item{
    width:25%;
    float:left;
    display:inline-block;
    margin-bottom:20px;
}
.poplar-category-item{
    width:25%;
    height:120px;
    padding-left:10px;
    padding-right:10px;
    border-radius: 4px;
    position: relative;
}
.popular-cat-content{
    width:100%;
    position: relative;
    display:inline-block;
    overflow: hidden;
    border-radius: 4px;
}
.poplar-category-item img{
    width:100%;
    height:120px;
    border-radius: 4px;
    transition:0.2s;
}
.popular-cat-content:hover img{
    transform:scale(1.05); 
    transition:0.2s;
}
.poplar-category-item .popular-cat-name{
    width:100%;
    height:120px;
    line-height:120px;
    position: absolute;
    left:0px;
    bottom:0px;
    display:inline-block;
    text-align: center;
    transition:0.2s;
}
.popular-cat-content:hover .popular-cat-name{
    bottom:20px;
    transition:0.2s;
}

.poplar-category-item .popular-cat-name a{
    display:inline-block;
    z-index:3;
    color:#fff;
    position: relative;
    line-height: inherit;
}
.poplar-category-item .popular-cat-name a i{
    width: 35px;
    height:35px; 
    background-color: rgba(0,0,0,0.16);  
    line-height: 35px;
    text-align: center;
    border-radius: 50%; 
    font-size:18px;
}
.poplar-category-item .popular-cat-name .cat-layer1{
    background-color: #ef183c;
    padding: 6px;
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    box-shadow: 0 1px 31px rgba(0, 0, 0, 0.37), inset 0 1px 3px rgba(255, 255, 255, 0.26);
}
.poplar-category-item .popular-cat-name .cat-layer2{
    background-color: rgba(0,0,0,0.1);
    padding:6px;
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
}
.cat-name-text{
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    text-align: center;
    opacity: 0;
    transition:0.2s;
}
.cat-name-text a{
    color:#444;
    text-decoration: none;
    display:inline-block;
    background-color: #fff;
    padding:3px;
    padding-left:15px;
    padding-right:15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.popular-cat-content:hover .cat-name-text{
    opacity: 1;
    bottom:13px;
    transition:0.2s;
}
.full-category-posts-container{
    width:100%;
    display:inline-block;
    background-color: #f9f9f9;
    margin-bottom:20px;
}
.widget-header{
    display:inline-block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px;
}
.widget-header h4{
    display:inline-block;
    font-family: 'Poppins',sans-serif;
    font-size:22px;
    font-weight: 700;
    text-transform: uppercase;
    color:#696969;
    margin:0px;
    line-height:41px;
}
.widget-header .category-list{
    display:inline-block;
    float:right;
}
.widget-header .category-list ul{
    display:inline-block;
    margin:0px;
    padding:0px;
}
.widget-header .category-list ul li{
    float:left;
    list-style:none;
    line-height:36px;
}
.widget-header .category-list ul li a{
    font-family: 'Poppins',sans-serif;
    margin-left:15px;
    font-size:14px;
    color:#9e9e9e;
    text-decoration: none;
    font-weight: 500;
    border-bottom:2px solid transparent;
    transition:0.2s;
}
.widget-header .category-list ul li a:hover{
    color:#444;
    border-bottom:2px solid #dfdfdf;
    transition:0.2s;
}
.activeMaxCat a{
    color:#444 !important;
    border-bottom:2px solid #dfdfdf !important;
}
.full-category-column2{
    width:100%;
    display:block;
}
.full-category-column2 ul{
    display:block;
    margin:0px;
    padding:0px;
    margin-right:-10px;
    margin-left:-10px;
}
.full-category-column2 ul li{
    width:50%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    margin-bottom:20px;
}
.full-category-post-item{
    display:inline-block;
    width:100%;
}
.full-category-post-item .post-thumb{
    display:inline-block;
    width:170px;
    height:125px;
    margin-right:25px;
    float:left;
}
.full-category-post-item .post-thumb img{
    width:170px;
    height:125px;
    border-radius: 6px;
    transition:0.2s;
}
.full-category-post-item:hover .post-thumb img{
    transition:0.2s;
    transform: scale(1.05);
    box-shadow: 0 1px 20px rgba(0,0,0,0.17);
}
.full-category-post-item .post-cat-name a{
    font-size:13px;
    color: #737373;
    font-family: 'Poppins',sans-serif;
    text-decoration: none;
    font-weight:500;
    text-transform: uppercase;
}
.full-category-post-item .post-title h3{
    margin:0px;
    height: 80px;
    overflow: hidden;
}
.full-category-post-item .post-title a{
    font-size:18px;
    font-family: 'Poppins',sans-serif;
    font-weight:600;
    color:#444;
    text-decoration: none;
}
.full-category-post-item .post-time{
    margin:0px;
    font-size:12px;
    color:#828282;
    font-family: 'Poppins',sans-serif;
    padding-top:5px;
}
.main-category-posts-container{
    width:100%;
    display:inline-block;
    background: rgba(245,32,57,1);
    /*background: linear-gradient(to bottom, rgba(245,32,57,1) 0%, rgba(245,32,57,1) 18%, rgba(245,32,57,0) 37%, rgba(245,32,57,0) 100%);*/    
    padding:15px;
    background: linear-gradient(to bottom, rgba(245,32,57,1) 39%, rgba(245,32,57,1) 0%, rgba(245,32,57,0) 0%, rgba(245,32,57,0) 0%);
    padding-top:10px;
    background: url("img/pattern3.png") no-repeat left top, linear-gradient(to bottom, rgba(245,32,57,1) 200px, rgba(245,32,57,1) 0%, rgba(245,32,57,0) 0%, rgba(245,32,57,0) 0%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.main-category-posts-container .widget-header{
    width:100%;
    display:inline-block;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
}
.main-category-posts-container .widget-header h4{
    color:#fff;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}
.main-category-posts-container .widget-header .header-bottom-list{
    display:block;
}
.main-category-posts-container .widget-header .header-bottom-list ul{
    display:inline-block;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px;
    margin:0px;
    padding:0px;
    overflow: hidden;
}
.main-category-posts-container .widget-header .header-bottom-list ul li{
    float:left;
    list-style:none;
}
.main-category-posts-container .widget-header .header-bottom-list ul li a{
    padding-left:12px;
    padding-right:12px;
    padding-top:6px;
    padding-bottom:6px;
    display:inline-block;
    font-size:14px;
    font-family: 'Poppins',sans-serif;
    color:#fff;
    text-decoration: none;
    transition:0.2s;
}
.main-category-posts-container .widget-header .header-bottom-list ul li a:hover{
    background-color: rgba(0,0,0,0.1);
    transition:0.2s;    
}
.activeCat a{
    background-color: rgba(0,0,0,0.1);
    transition:0.2s;  
}
.main-category-post-content{
    display:block;
    margin:0px;
    padding:0px;
    margin-right:-12px;
    margin-left:-12px;
}
.main-category-post-item{
    width:25%;
    float:left;
    display:inline-block;
    padding-left:12px;
    padding-right:12px;
    margin-bottom:25px;
}
.main-category-post-cover{
    display: inline-block;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.main-category-post-item .main-post-thumb{
    width:100%;
    height:150px;
    display:inline-block;
    overflow: hidden;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.main-category-post-item .main-post-thumb img{
    width:100%;
    height:150px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.main-category-post-item .main-post-thumb img{
    transition: 0.2s;
}
.main-category-post-item:hover .main-post-thumb img{
    transform: scale(1.05);
    transition: 0.2s;
}
.main-category-post-item .main-post-title{
    width:100%;
    display:inline-block;
    padding:10px;
}
.main-category-post-item .main-post-title h3{
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin:0px;
    padding:0px;
}
.main-category-post-item .main-post-title h3 a{
    color:#444;
    text-decoration: none;
}
.main-category-post-item .main-post-desc{
    color:#868686;
    font-size:13px;
}
.main-category-post-item .main-post-desc p{
    margin:0px;
    padding:0px;
    display:inline-block;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    height: 60px;
    overflow: hidden;
}
.main-post-tool{
    width:100%;
    display:inline-block;
    padding:10px;
}
.main-post-tool .main-post-cat{
    display:inline-block;
    float:left;
    margin-right:10px;
}
.main-post-tool .main-post-cat a{
    font-size:12px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:7px;
    padding-right:7px;
    border: 2px solid #53b1f1; 
    color:#444;
    text-decoration: none;  
    display:inline-block;
}
.main-post-tool .main-post-time{
    font-size:12px;
    color:#979797;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:7px;
    padding-right:7px;
    display:inline-block;
}
.main-exchange-container{
    display:inline-block;
    width:100%;
    height:auto;
}
.main-exchange-content{
    display:inline-block;
    margin-bottom:20px;
    width:100%;
    background-color: #312783;
    height:96px;
    border-radius: 4px;
    background: url(img/back3.png) repeat left top, linear-gradient(to right, #ef4014 0%, rgba(245,32,57,1) 100%);
    padding-left:50px;
    padding-righT:50px;
    position: relative;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    
    overflow: hidden;
}
.main-exchange-content .main-exchange-item{
    width:100%;
    position: relative;
}
.main-exchange-content .swiper-slide{
    display:inline-block;
    line-height:0px;
}
.exchange-header{
    line-height: 13px;
    padding:20px;
    text-align: left;
    padding-top:13px;
}
.exchange-img {
    padding-bottom: 10px;
    text-align: left;
    font-size: 15px;
}
.exchange-img img{
    font-size: 15px;
    width:22px;
    border:2px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    display:inline-block;
}
.exchange-value{
    font-size:19px;
    margin-bottom:10px;
    font-weight: 600;
}
.exchange-value i{
    font-size:14px;
}
.exchange-change{
    font-size:13px;
}
.main-exchange-button-next{
    position: absolute;
    right:-48px;
    top:0px;
    height:96px;
    line-height:96px;
    background-color: #fff;
    width:96px;
    text-align: center;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    font-size:30px;
    padding-right:30px;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 9;
}
.main-exchange-button-prev{
    position: absolute;
    left:-48px;
    top:0px;
    height:96px;
    line-height:96px;
    background-color: #fff;
    width:96px;
    text-align: center;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    font-size:30px;
    padding-left:30px;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 9;
}
.main-left-container{
    width:75%;
    display:inline-block;
    float:left;
    padding-right:10px;
}
.main-right-container{
    width:25%;
    display:inline-block;
    float:left;
    padding-left:10px;
}
.m-post-container{
    display:block;
}
.m-post-content{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.widget-title-container{
    width:100%;
    display:inline-block;
    margin:0px;
    padding:0px;
    
}
.widget-title{
    display:inline-block;
    background-color: #fff;
    margin-bottom:15px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background: linear-gradient(45deg, #febe2d 0%, #ef4014 100%);
    padding:2px;
    border-radius: 4px;
    float:left;
}   
.widget-title h4{
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    font-size:15px;
    text-transform: uppercase;
    padding:0px;
    margin:0px;
    color:#444;
    padding:1px;    
    padding-left:8px;
    padding-right:8px;
    background-color: #fff;
    border-radius: 2px;
    display:block;
}
.order-type{
    display:inline-block;
    float:right;
}
.order-type ul{
    display:inline-block;
    padding:0px;
    margin:0px;
    float:right;
}
.order-type ul li{
    float:left;
    list-style: none;
    margin-left:10px;
}
.order-type ul li a{
    width:32px;
    height:32px;
    display:inline-block;
    text-align: center;
    border-radius: 2px;
    overflow:hidden;
}
.order-type ul li a svg{
    width: 25px;
    height:32px;
    display: inline-block;
    fill: #444;
    padding:2px;
    transition:0.2s;
}
.order-type ul li a:hover svg{
    padding:0px;
    transition:0.2s;
}
.order-type .order-active a svg{
    fill: #ef4014;
}
/*1. tip listeleme */
.m-post-item-list-container{
    display:block;
    margin-left:-10px;
    margin-right:-10px;
    
}
.m-post-item-list-content{
    width:33.3333333333%;
    display:inline-block;
    border-radius: 4px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
    float:left;
}
.m-post-item-list{
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
    display:inline-block;
    border-radius: 4px;
    width:100%;
}
.m-post-item-thumb{
    widtH:100%;
    display:inline-block;
    position: relative;
}
.m-post-item-thumb img{
    width:100%;
    height:150px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}
.m-post-tools{
    padding:10px;
    display:inline-block;
}
.m-post-tools .m-post-title{
    width:100%;
    display:inline-block;
    padding:10px;
    padding-bottom: 20px;
}
.m-post-tools .m-post-title h2{
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin:0px;
    padding:0px;
}
.m-post-tools .m-post-title h2 a{
    color:#444;
    text-decoration: none;
}
.m-post-tools .m-post-desc{
    color:#868686;
    font-size:13px;
}
.m-post-tools .m-post-desc p{
    margin:0px;
    padding:0px;
    display:inline-block;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    height: 60px;
    overflow: hidden;
    margin-bottom:7px;
}
.m-post-tools .m-post-category{
    display:inline-block;
    float:left;
    margin-right:10px;
    margin-left:10px;
}
.m-post-tools .m-post-category a{
    font-size:12px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:7px;
    padding-right:7px;
    border: 2px solid #53b1f1; 
    color:#444;
    text-decoration: none;  
    display:inline-block;
}
.m-post-tools .m-post-time{
    font-size:12px;
    color:#979797;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:7px;
    padding-right:7px;
    display:inline-block;
}



/*2. tip listeleme */
.m-post-item-list-content2{
    width:66.66666666%;
    padding-left:10px;
    padding-right:10px;
    float:left;
    display:inline-block;
    margin-bottom:20px;
    
}
.m-post-item-list-content2 .m-post-item-thumb{
    width: calc(50% - 10px);
    float:left;
    margin-right:10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    position: relative;
}
.m-post-item-list-content2 .m-post-item-thumb img{
    border-top-right-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height:200px;
    transition:0.2s;
}
.m-post-item-list-content2:hover .m-post-item-thumb img{
    transform: scale(1.05);
    transition:0.2s;
}
.m-post-item-list-content2 .m-post-tools{
    float: inherit;
    display:inline-block;
    width: calc(100% - 50%);
}
.m-post-item-list-content2 .m-post-title{
    display:block;
    width:auto;
    padding:0px;
    margin-bottom:10px
}
.m-post-item-list-content2 .m-post-tools .m-post-title h2{
    display:block;
}
.m-post-item-list-content2 .m-post-tools .m-post-desc p{
    display:block;
    padding:0px;
    margin:0px;
    height:80px;
    margin-bottom:10px;
}
.m-post-item-list-content2 .m-post-tools .m-post-category{
    margin-left:0px;
}


/*3. tip listeleme */


.m-post-item-list-content3{
    width:33.333333333%;
    float:left;
    display:inline-block; 
    padding-left:10px;
    padding-right:10px;  
    margin-bottom:20px;
    height:200px;
    
}
.m-post-item-list-content3 .m-post-item-thumb{
    height:200px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
}
.m-post-item-list-content3 .m-post-item-list{
    height:200px;
    width:100%;
    box-shadow: none;
}
.m-post-item-list-content3 .m-post-item-thumb img{
    height:200px;
    border-radius: 4px;
    transition:0.2s;
}
.m-post-item-list-content3:hover .m-post-item-thumb img{
    transform: scale(1.05);
    transition:0.2s;
}
.m-post-item-list-content3 .m-post-tools{
    position: absolute;
    left:0px;
    bottom:0px;
    padding:0px;
    margin:0px;
}
.m-post-item-list-content3 .m-post-tools .m-post-title{
    padding-bottom:10px;
}
.m-post-item-list-content3 .m-post-tools .m-post-category a{
    border:none;
    background-color: #fff;
    border-radius: 1px;
}
.m-post-item-list-content3 .m-post-tools .m-post-title h2{
    background-color: rgba(0, 0, 0, 0.55);
    padding: 10px;
    max-height: 90px;
    border-radius: 4px;
    height:auto;
}
.m-post-item-list-content3 .m-post-tools .m-post-title h2 a{
    color:#fff;
}
.widget-list-item-content{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}

.widget-list-thumb{
    width:100%;
    height:auto;
    margin-bottom:10px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);

}
.widget-list-thumb img{
    width:100%;
    height:160px;
    display:inline-block;

}
.widget-popular-count{
    display:inline-block;
    text-align: center;
    float:left;
    width:20%;
    height:auto;
    font-size:20px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    margin-top:10px;
}

.widget-popular-count i{
    width:100%;
    display:inline-block;
    font-size:25px;
}
.widget-popular-count .count-text{
    width:100%;
    display:inline-block;
    font-size:17px;
}
.widget-list-title{
    display:inline-block;
    text-align: left;
    float:left;
    width:80%;
    height:auto;
    padding-left:10px;
}
.widget-list-title h3{
    padding:0px;
    margin:0px;
    font-size:16px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
}
.widget-list-title h3 a{
    color:#444;
    text-decoration: none;
}
.widget-list-item-container2{
    width:100%;
    display:inline-block;
    background-color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    margin-bottom:20px;
    border-radius: 4px;
}
.widget-list-item-content-head .widget-list-thumb{
    position: relative;
    width:100%;
    display:inline-block;
    box-shadow: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin:0px;
}
.widget-list-item-content-head .widget-list-thumb img{
    height:200px;
}
.widget-list-item-content-head .widget-list-thumb .widget-list-title{
    position: absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.widget-list-item-content-head .widget-list-thumb .widget-list-title h3{
    background-color: rgba(0, 0, 0, 0.55);
    padding: 10px;
    max-height: 85px;
    border-radius: 4px;
    width:100%;
    padding:10px;
    overflow: hidden;
}
.widget-list-item-content-head .widget-list-thumb .widget-list-title h3 a{
    text-decoration: none;
    color:#fff;
}
.widget-list-item-content-numeric{
    display:inline-block;
}
.widget-list-item-content-numeric .widget-list-item{
    display:inline-block;
    border-bottom:1px solid #dfdfdf;
    padding-bottom:5px;
    padding-top:3px;
}
.widget-list-item-content-numeric:last-child .widget-list-item{
    border-bottom:none;
}
.widget-list-item-content-numeric .widget-list-title{

    width: calc(100% - 60px);
    padding-right:5px;
    overflow: hidden;
    max-height: 50px;
}
.widget-list-item-content-numeric .widget-list-title h3{
    font-size:14px;
    height: 45px;
    overflow: hidden;
}
.widget-list-item-content-numeric .widget-list-title h3 a{
    color:#444;
    text-decoration: none;
}
.widget-list-item-content-numeric .widget-popular-count{
    width:44px;
    height:44px;
    margin-top:0px;
    line-height: 44px;
    text-align: center;
    margin-left:10px;
    background: linear-gradient(45deg, #febe2d 0%, #ef4014 100%);
    padding: 2px;
    border-radius: 50%;
}

.widget-list-item-content-numeric:nth-child(1n) .widget-popular-count{
    background: linear-gradient(45deg, #fe2d2d 0%, #cd14ef 100%);
}

.widget-list-item-content-numeric:nth-child(2n) .widget-popular-count{
    background: linear-gradient(45deg, #febe2d 0%, #ef4014 100%);
}

.widget-list-item-content-numeric:nth-child(3n) .widget-popular-count{
    background: linear-gradient(45deg, #7128e4 0%, #2da3fe 100%);
}

.widget-list-item-content-numeric:nth-child(4n) .widget-popular-count{
    background: linear-gradient(45deg, #14ea60 0%, #14e5ef 100%);
}

.widget-list-item-content-numeric:nth-child(5n) .widget-popular-count{
    background: linear-gradient(45deg, #b821f7 0%, #fed12d 100%);
}

.widget-list-item-content-numeric .widget-popular-count .count-text{
    color: #444;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display:block;
}
.widget-list-item-content:nth-child(1n) .widget-popular-count{
    color:#f51655;
}
.widget-list-item-content:nth-child(2n) .widget-popular-count{
    color:#2b16f5;
}
.widget-list-item-content:nth-child(3n) .widget-popular-count{
    color:#f58f16;
}
.widget-list-item-content:nth-child(4n) .widget-popular-count{
    color:#8316f2;
}
.widget-loader-button{
    width:100%;
    display: inline-block;
    text-align: center;
    font-family: 'Poppins',sans-serif;
    margin-bottom:20px;
}
.widget-loader-button a{
    color: #a0a0a0;
    font-weight: 700;
    text-decoration: none;
    transition:0.2s;
}
.widget-loader-button a:hover{
    color: #444;
    transition:0.2s;
    background-color: #f7f7f7;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}


.m-large-post-item-list-container{
    display:block;
    margin-left:-15px;
    margin-right:-15px;
    
}
.m-large-post-item-list-content{
    display:inline-block;
    float:left;
    padding-left:15px;
    padding-right:15px;
    width:50%;
    margin-bottom:30px;
}
.m-post-content .m-large-post-item-list-content{
    width:33.333333333333333333333%;
    height:auto;
}
.m-post-content .m-large-post-thumb img{
    height:auto;
}
.m-post-content .m-large-post-thumb .m-large-title h2{
    font-size:14px;
}
.m-post-content .m-large-post-item-list-content{
    padding-left:10px;
    padding-right:10px;
}
.m-post-content .m-large-post-item-list-container{
    margin-left:0px;
    margin-right:0px;
}
.m-large-post-item-list{
    position: relative;
    width:100%;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    
}
.m-large-post-thumb{
    position: relative;
    width:100%;
    border-radius: 4px;
    overflow: hidden;
}
.m-large-post-thumb img{
    border-radius: 4px;
    width:100%;
    height:377px;
    transition:0.2s;

}
.m-large-post-item-list-content:hover .m-large-post-thumb img{
    transform: scale(1.05);
    transition:0.2s;
}
.m-large-post-thumb .m-large-title{
    position: absolute;
    left:0px;
    bottom:0px;
    padding:20px;
    width:100%;
    text-align: center;
}
.m-large-post-thumb .m-large-title h2{
    background-color: #fff;
    padding:0px;
    margin:0px;
    padding:10px;
    border-radius: 4px;
    font-family: 'Poppins',sans-serif;
    text-align: center;
    width:100%;
    display:inline-block;
    padding-top:25px;
    font-size:20px;
    font-weight: 600;
}
.m-large-post-thumb .m-large-title h2 a{
    color:#444;
    text-decoration: none;
    width:100%;
    text-align: center;
    display:inline-block;
}
.m-large-post-thumb .m-large-title .cat {
    position: absolute;
    top: 0px;
    lefT: 0px;
    text-align: center;
    font-size: 19px;
    border-radius: 50%;
    widtH: 100%;
    display: inline-block;
}
.m-large-post-thumb .m-large-title .bookMark {
    position: absolute;
    top: 0px;
    lefT: 0px;
    text-align: center;
    font-size: 19px;
    border-radius: 50%;
    widtH: 100%;
    display: inline-block;
}
.m-large-post-thumb .m-large-title .bookMark a {
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border-radius: 50%;
    transition: 0.2s;
    color:#fff;
    transition:0.2s;
    float:inherit;
}
.m-large-post-thumb .m-large-title .cat i{
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border-radius: 50%;
    background: linear-gradient(45deg , #f78031 0%, #ef4014 100%);
    transition: 0.2s;
    color:#fff;
    transition:0.2s;
}
.m-large-post-thumb:hover .m-large-title .cat i{
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    transition:0.2s;
}
.widget-cat-container{
    display:inline-block;
    width:100%;
    margin-bottom:20px;
}
.widget-cat-container{
    display:inline-block;
    width:100%;
}
.widget-cat-list-items{
    width:100%;
    display:inline-block;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: #fff;
    border-radius: 4px;
}
.widget-cat-list-items ul{
    padding:0px;
    margin:0px;
    display:inline-block;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
}
.widget-cat-list-items ul li{
    list-style:none;
    width:100%;
    display:inline-block;
    font-family: 'Poppins',sans-serif;
}
.widget-cat-list-items ul li a{
    padding:7px;
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
    width:100%;
    text-decoration: none;
    font-weight: 500;
    font-size:13px;
    color:#444;
    transition:0.2s;

}
.widget-cat-list-items ul li a i{
    width:30px;
    height:30px;
    color:#fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: linear-gradient(45deg , #f78031 0%, #ef4014 100%);
    margin-right:5px;
    font-size:15px;
    transition: 0.2s;

}
.widget-cat-list-items ul li a:hover i{
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}
.widget-cat-list-items ul li a:hover{
    background-color: #fafafa;
    transition:0.2s;
}

.widget-cat-list-items ul li:nth-child(1n) a i{
    background: linear-gradient(45deg , #5d42e6 0%, #a18ff5 100%);

}
.widget-cat-list-items ul li:nth-child(2n) a i{
    background: linear-gradient(45deg , #e84c4f 0%, #f27e8e 100%);

}
.widget-cat-list-items ul li:nth-child(3n) a i{
    background: linear-gradient(45deg , #4de976 0%, #7df290 100%);

}
.widget-cat-list-items ul li:nth-child(4n) a i{
    background: linear-gradient(45deg , #e8b64d 0%, #f2c87d 100%);

}
.widget-cat-list-items ul li:nth-child(5n) a i{
    background: linear-gradient(45deg , #bf4be8 0%, #db7cf2 100%);

}
.widget-cat-list-items ul li:nth-child(6n) a i{
    background: linear-gradient(45deg , #4a89e8 0%, #7ea9f2 100%);

}
.widget-cat-list-items ul li:nth-child(7n) a i{
    background: linear-gradient(45deg , #e9524c 0%, #f3a17e 100%);

}
.widget-cat-list-items ul li:nth-child(8n) a i{
    background: linear-gradient(45deg , #e84b57 0%, #f27da3 100%);
 
}
.m-slider-post-container{
    width:100%;
    display:inline-block;
    position: relative;
    margin-bottom:20px;
    height:400px;
}
.m-slider-post-content{
    width:100%;
    display:inline-block;
    position: relative;
    overflow:hidden;
    border-radius: 4px;
    height:400px;
}
.m-slider-post-item-list-container{
    width:100%;
    display:inline-block;
    position: relative;
    height:400px;
    
}
.m-slider-thumb{
    position: relative;
    width:100%;
    height: auto;
    border-radius: 4px;
    height:400px;
}
.m-slider-thumb img{
    width:100%;
    height: auto;
    border-radius: 4px;
    height:400px;
}
.m-slider-thumb .m-slider-title{
    color:#fff;
    font-family: 'Poppins',sans-serif;
    font-size:21px;
    position: absolute;
    bottom:40px;
    left:0px;
    text-align: left;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    line-height: 47px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.m-slider-thumb .m-slider-title a{
    color:#fff;
    text-decoration: none;
}
.m-slider-post-item-list-container .swiper-pagination-bullet{
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color:#222;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    opacity: 1;
    background-color: #fff;
}
.m-slider-post-item-list-container .swiper-pagination-bullet-active{
    background: linear-gradient(45deg , #f78031 0%, #ef4014 100%);
    color:#fff;
}
.m-slider-post-item-list-container .swiper-pagination{
    text-align: left;
    padding-left:20px;
    padding-right:20px;
    bottom:15px;
}
.m-slider-thumb:before{
    content:' ';
    width:100%;
    height:100%;
    display:inline-block;
    position: absolute;
    left:0px;
    bottom:0px;
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 43%,rgba(0, 0, 0, 0.7) 76%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 43%,rgba(0, 0, 0, 0.7) 76%,rgba(0,0,0,1) 100%);
}
.m-slider-post-item-list-container .slider-cats{
    position: absolute;
    top:10px;
    right:10px;
    z-index:2;
}
.m-slider-post-item-list-container .slider-cats ul{
    display:inline-block;
    padding:0px;
    margin:0px;
    border-radius: 4px;
    padding-left:5px;
    padding-right:5px;
}
.m-slider-post-item-list-container .slider-cats ul li{
    list-style: none;
    float:left;
    background-color: rgba(0,0,0,0.5);
    transition:0.2s;
}
.m-slider-post-item-list-container .slider-cats ul li:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.m-slider-post-item-list-container .slider-cats ul li:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.m-slider-post-item-list-container .slider-cats ul li a{
    color:#fff;
    font-family: 'Poppins',sans-serif;
    font-size:13px;
    padding-left:8px;
    padding-right:8px;
    text-transform: uppercase;
    text-decoration: none;
    transition:0.2s;

}
.m-slider-post-item-list-container .slider-cats ul li:hover{
    background-color: #fff;
    transition:0.2s;
}
.m-slider-post-item-list-container .slider-cats ul li:hover a{
    background-color: #fff;
    color:#222;
    transition:0.2s;
}
.widget-container{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.widget-content-inside{
    border-radius: 4px;
    width:100%;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}
.sidebarreklam-widget img{
    width:100%;
}
.widget-list-item-container3{
    display:inline-block;
    width:100%;
}
.widget-list-item-container3 ul{
    display:inline-block;
    width:100%;
    padding:0px;
    margin:0px;
}
.widget-list-item-container3 ul li{
    width:100%;
    display:inline-block;
    list-style:none;
    margin-bottom:10px;
}
.widget-list-content3{
    widtH:100%;
    display:inline-block;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    position: relative;

}
.widget-list-item-content3-thumb{
    float:left;
    display:inline-block;
    margin-right:10px;
    width:82px;
    height:82px;
    overflow: hidden;
}
.widget-list-item-container3 ul li:hover .widget-list-item-content3-thumb img{
    transform: scale(1.05);
    transition:0.2s;
}
.widget-list-item-content3-thumb img{
    width:82px;
    height:82px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.widget-list-item-content3{
    float:left;
    display: inline-block;
    width:calc(100% - 92px);
}
.widget-list-item-content3 h3{
    font-size:14px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    margin-top:5px;
    height:41px;
    overflow: hidden;
}
.widget-list-item-content3 h3 a{
    color:#444;
    text-decoration: none;
}
.list3-item-tools{
    font-size:10px;
    text-transform: uppercase;
}
.list3-item-tools .cat-list3{
    display:inline-block;
    margin-right:5px;
}
.list3-item-tools .cat-list3 a{
    color:#444;
    font-weight: 600;
}

.list3-item-tools .time-list3{
    color:#959595;
    text-transform: lowercase;
}
.list-counter{
    padding:2px;
    position: absolute;
    left:-10px;
    bottom:28px;
    z-index:2;
    background: linear-gradient(45deg, #febe2d 0%, #ef4014 100%);
    border-radius: 50%;
}
.list-counter .counter-inside{
    width: 21px;
    height: 21px;
    background-color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: block;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.widget-coin-inside{
    background: linear-gradient(45deg, #16ba5f 0%, #1cec60 100%);
    padding:20px;
}
.widget-coin-inside .input-item{
    width:100%;
    margin-bottom:10px;
    display:inline-block;
    position: relative;
}
.widget-coin-inside .input-item input{
    font-size:13px;
    height:40px;
}
.widget-coin-inside .input-item select{
    height:40px;
    position: absolute;
    right:0px;
    top:0px;
    font-size:13px;
    color:#838383;
    text-align: center;
    width:48px;
    text-align-last:center;
    border:none;
    background-color: #f0f0f0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    transition:0.4s;

}
.widget-coin-inside .input-item select:focus{
    outline:none;
    background-color: #444;
    color:#fff;
    transition:0.4s;
}
.widget-coin-inside .input-item select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.widget-coin-inside .input-item select::-ms-expand {
    display: none;
    
}

.widget-coin-inside .input-item select option{
    background-color: #fff;
    border:none;
    outline:none;
    font-size:13px;
    color:#444;
}
.coin-info-content{
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight: 500;
    color:#fff;
    margin-top:10px;
} 
.coin-info-content .unit-coin{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}



/*credit style */
.widget-credit-inside{
    background: linear-gradient(45deg, #1658ba 0%, #1cb4ec 100%);
    padding:20px;
}
.widget-credit-inside .input-item{
    width:100%;
    margin-bottom:10px;
    display:inline-block;
    position: relative;
}
.widget-credit-inside .input-item input{
    font-size:13px;
    height:40px;
}
.widget-credit-inside .input-item .label-text{
    height:40px;
    position: absolute;
    right:0px;
    top:0px;
    font-size:13px;
    color:#838383;
    text-align: center;
    width:60px;
    text-align-last:center;
    border:none;
    background-color: #f0f0f0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    transition:0.4s;
    line-height: 40px;

}
.widget-credit-inside .input-item select:focus{
    outline:none;
    background-color: #444;
    color:#fff;
    transition:0.4s;
}
.widget-credit-inside .input-item select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.widget-credit-inside .input-item select::-ms-expand {
    display: none;
    
}

.widget-credit-inside .input-item select option{
    background-color: #fff;
    border:none;
    outline:none;
    font-size:13px;
    color:#444;
}
.credit-info-content{
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight: 500;
    color:#fff;
    margin-top:10px;
} 

.credit-info-content .unit-credit{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}
.unit-creditotal{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}
.unit-creditotalinterest{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}
.unit-css {
    margin-bottom:5px;
    width:100%;
    display:inline-block;
    text-align: left;
}
.unitLabel{
    width:90px;
    display:inline-block;
}
/*Doviz çevirici*/
.widget-exchanger-inside{
    background: linear-gradient(45deg, #ba1616 0%, #f55186 100%);    padding:20px;
}
.widget-exchanger-inside .input-item{
    width:100%;
    margin-bottom:10px;
    display:inline-block;
    position: relative;
}
.widget-exchanger-inside .input-item input{
    font-size:13px;
    height:40px;
}
.widget-exchanger-inside .input-item select{
    height:40px;
    position: absolute;
    right:0px;
    top:0px;
    font-size:13px;
    color:#838383;
    text-align: center;
    width:48px;
    text-align-last:center;
    border:none;
    background-color: #f0f0f0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    transition:0.4s;

}
.widget-exchanger-inside .input-item select:focus{
    outline:none;
    background-color: #444;
    color:#fff;
    transition:0.4s;
}
.widget-exchanger-inside .input-item select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.widget-exchanger-inside .input-item select::-ms-expand {
    display: none;
    
}

.widget-exchanger-inside .input-item select option{
    background-color: #fff;
    border:none;
    outline:none;
    font-size:13px;
    color:#444;
}
.exchanger-info-content{
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight: 500;
    color:#fff;
    margin-top:10px;
} 
.exchanger-info-content .unit-exchanger{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}
.widget-exchanger-inside .target-unit select{
    width:100%;
    border-radius: 4px;
    position: relative;
}

/*Altın çevirici*/
.widget-gold-inside{
    background: linear-gradient(45deg, #c7ba1e 0%, #f5f051 100%);   
    padding:20px;
}
.widget-gold-inside .input-item{
    width:100%;
    margin-bottom:10px;
    display:inline-block;
    position: relative;
}
.widget-gold-inside .input-item input{
    font-size:13px;
    height:40px;
}
.widget-gold-inside .input-item select{
    height:40px;
    position: absolute;
    right:0px;
    top:0px;
    font-size:13px;
    color:#838383;
    text-align: center;
    width:48px;
    text-align-last:center;
    border:none;
    background-color: #f0f0f0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    transition:0.4s;

}
.widget-gold-inside .input-item select:focus{
    outline:none;
    background-color: #444;
    color:#fff;
    transition:0.4s;
}
.widget-gold-inside .input-item select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.widget-gold-inside .input-item select::-ms-expand {
    display: none;
    
}

.widget-gold-inside .input-item select option{
    background-color: #fff;
    border:none;
    outline:none;
    font-size:13px;
    color:#444;
}
.gold-info-content{
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight: 500;
    color:#fff;
    margin-top:10px;
} 
.gold-info-content .unit-gold{
    background-color: rgba(0,0,0,0.2);
    padding:5px;
    border-radius: 2px;
    margin-right:5px;
}
.widget-gold-inside .target-unit select{
    width:100%;
    border-radius: 4px;
    position: relative;
}
.column2-large{
    margin-bottom:0px;
}
.column2-large .widget-list-item-container3{
    margin-bottom:10px;
}
.column2-large .widget-list-item-container3 ul li{
    margin-bottom:9.3px;
}
.column2-large .widget-list-item-container3 ul li{
    margin-bottom:9.3px;
}
.column2-large .widget-list-item-container3 ul li .widget-list-item-content3 h3{
    padding-right:10px;
}
.crypto-coin-container{
    display:inline-block;
    width:100%;
}
.crypto-coin-item-list-container{
    width:100%;
    display:inline-block;

}
.crypto-coin-item-list-container ul{
    display:inline-block;
    padding:0px;
    margin:0px;
    width:100%;
}
.crypto-coin-item-list-container ul li{
    list-style:none;
    width:100%;
    display:inline-block;
    overflow: hidden;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px;
    margin-bottom:10px;
    height:50px;
}
.crypto-list-item{
    width:100%;
    display:inline-block;
    height:50px;
    position: relative;

}
.coin-back-img{
    width:100%;
    display:inline-block;
    height:50px;
    /*
    
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    */
    position: absolute;
    left:0px;
    bottom:0px;
    z-index:2;
    /*
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    */
    
}
.crypto-list-item:before{
    width:100%;
    height:50px;
    content:" ";
    background-color: #fff;
    position: absolute;
    z-index:1;
}
.crypto-list-item-content{
    position: absolute;
    z-index:3;
    font-family: 'Poppins',sans-serif;
    color:#fff;
    left:0px;
    bottom:0px;
    height:50px;
    width:100%;
    background-color: rgba(0,0,0,0.3);
}
.crypto-list-item-content .crypto-name{
    margin-left:10px;
    padding:7px;
    font-weight: 600;
    display:inline-block;
    float:left;
    background-color: #fff;
    color:#444;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    border-radius: 20px;
    font-size:13px;
    padding-left:12px;
    padding-right:12px;
}
.crypto-unit-price{
    margin-right:10px;
    padding:7px;
    font-weight: 600;
    display:inline-block;
    float:right;
    background-color: #fff;
    color:#444;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    border-radius: 20px;
    font-size:13px;
    padding-left:12px;
    padding-right:12px;
}
.main-social-container{
    width:100%;
    display:inline-block;
}
.social-insert-post{
    width: calc(100% - 82px) !important;
}
.social-hastag-trend{
    display:inline-block;
    float:right;
}
.social-hastag-trend ul{
    display:inline-block;
    padding:0px;
    float:left;
    padding:0px;
    margin:0px;
}
.social-hastag-trend ul li{
    float:left;
    list-style: none;
    position: relative;
}
.social-hastag-trend ul li a{
    font-size:13px;
    color:#9e9e9e;
    margin-right:5px;
    margin-left:5px;
    text-decoration: none;
    transition:0.2s; 
}
.social-hastag-trend ul li a:hover{
    color:#ff4401; 
    transition:0.2s; 
}
.socialTypeActive a{
    color:#ff4401 !important;
    transition:0.2s !important;
}
.main-social-write-area{
    width:100%;
    display:inline-block;
}
.user-avatar-social{
    float:left;
    display:inline-block;
    width:60px;
    margin-right:20px;
}
.user-avatar-social img{
    width:60px;
    height:60px;
    border-radius: 50%;
    
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
}
.user-avatar-social i{
    font-size:60px;
}
.user-avatar-social a{
    color:#444;
    text-decoration: none;
}

.name-social{
    width:100%;
    display:inline-block;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    color:#afafaf;
    margin-bottom:5px;
    float:left;
}
.name-social a{
    text-decoration: none;
    color:#afafaf;
    float:left;
}
.usernickname{
    font-size: 12px;
    font-weight: 400;
    float: left;
    line-height: 21px;
}
.usernickname:before{
    content: ' ';
    width: 6px;
    height: 6px;
    float: left;
    background-color: #dfdfdf;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 0;
    display: inline-block;
    margin-top: 8px;
    border-radius: 50%;
}
.social-input{
    width:calc(100% - 60px);
    float:left;
    display:block;
}
.social-post-container{
    width:calc(100% - 82px);
    float:left;
    display:block;
}
.textarea-content{
    width:100%;
    display:inline-block;
}
.textarea-content textarea{
    width:100%;
    display:inline-block;
    padding:20px;
    padding-top:15  px;
    padding-bottom:15px;
    border:none;
    background-color:#fff;
    border-radius: 4px;
font-size:17px;
font-family: 'Poppins',sans-serif;
font-weight: 500;
height:100px;
box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);
}
.textarea-content textarea:focus{
    outline:none;
}
#ecan-image-preview{
    
    width: 100%;
    display:none;
    background-color: #fff;
    border-radius: 4px;
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    /* height: 100px; */
    box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);
    padding: 10px;
}
#ecan-image-preview img{
    margin-right:10px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom:10px;
    height:100px;

}
.social-submit{
    float:right;
    display:inline-block;
    margin-top:10px;
}
.social-submit a{
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    color:#fff;
    text-decoration: none;
    padding:10px;
    border-radius: 4px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    font-size:13px;
    padding-top:7px;
    padding-bottom:7px;
    text-transform: uppercase;
}
.social-post-submit{
    float:right;
    display:inline-block;
    margin-top:10px;
}
.social-post-submit button{
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    color:#fff;
    text-decoration: none;
    padding:10px;
    border-radius: 4px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    font-size:13px;
    padding-top:7px;
    padding-bottom:7px;
    text-transform: uppercase;
    border:none;
    cursor:pointer;
}
.social-post-submit button:focus{
    outline:none;
}
.social-post-editing{
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.social-post-editing button{
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    color:#fff;
    text-decoration: none;
    padding:10px;
    border-radius: 4px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    font-size:13px;
    padding-top:7px;
    padding-bottom:7px;
    text-transform: uppercase;
    border:none;
    cursor:pointer;
}
.social-post-editing button:focus{
    outline:none;
}
.social-img-upload{
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top:5px;
    margin-bottom:20px;
    cursor:pointer; 
}
.social-img-upload .btn{
    background-color: #fafafa;
    color:#444;
    border:none;
    padding:7px;
    padding-left:10px;
    padding-righT:10px;
    border-radius: 4px;
    cursor:pointer; 
}

.social-img-upload input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor:pointer; 
  }
.main-social-list-container{
    width:100%;
    display:inline-block;
}
.main-cosial-list-content{
    width:100%;
    display:inline-block;
}
.main-cosial-list-content ul{
    width:100%;
    display:inline-block;
    padding:0px;
    margin:0px;
}
.main-cosial-list-content ul li{
    width:100%;
    display:inline-block;
    list-style:none;
    padding:0px;
    margin:0px;
}
.social-post-content{
    width: 100%;
    display: inline-block;
    padding: 20px;
    padding-top: 15 px;
    padding-bottom: 15px;
    border: none;
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 15px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);

}
.date-social{
    font-size:13px;
    width:100%;
    color:#bdbdbd;
    display:inline-block;
}
.social-post-tools{
    display: inline-block;
    margin-top:5px;
    margin-bottom:10px;
}
.social-post-tools ul{
    padding:0px;
    margin:0px;
    margin-top:10px;
}
.social-post-tools ul li{
    list-style:none;
    float:left;
    display:inline-block;
    width:auto;
}
.social-post-tools ul li a{
    position: relative;
    display:inline-block;
    text-decoration: none;
    margin-right:10px;
    float:left;
    display:inline-block;
}
.social-post-tools ul li a svg{
    width:25px;
    height:25px;
}
.social-custom-emoji{
    display:inline-block;
    width:auto;
    float:left;
}
.social-custom-emoji ul {
    width:auto;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.social-custom-emoji ul li{
    float:left;
    margin:0px;
    padding:0px;
    width:auto;
    display:inline-block;
}
.social-custom-emoji ul li a{
    margin:0px;
    padding:0px;
    display:inline-block;
    margin-right:10px;
}
.social-custom-emoji ul li a img{
    width:25px;
    height:auto;
}
.reaction-count-post{
    position: absolute;
    top:-5px;
    right:-5px;
    font-size:10px;
    color:#444;
    text-decoration: none;
    width:15px;
    heighT:15px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;  
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.18);
}
.list-tools{
    margin-left:10px !important;
}
.list-tools a{
    display:inline-block;
    float:left;
}
.list-tools a svg{
    fill:#949494;
    transition:0.2s;

}
.list-tools a:hover svg{
    fill:#444;
    transition:0.2s;
}
/*Comment Edit*/
.emptycomment-alert{
    width:100%;
    display:inline-block;
    margin-bottom:30px;
    background-color: #fafafa;
    padding:20px;
    border-radius: 4px;
}
.social-post-comment-container{
    width:100%;
    display:inline-block;
}
.social-post-comment-list{
    width:100%;
    display:inline-block;
}
.social-post-comment-list ul{
    width:100%;
    display:inline-block;
    padding:0px;
    margin:0px;
}
.social-post-comment-list li{
    list-style:none;
    width:100%;
    display:inline-block;
    margin-bottom:0px;
}
.comment-list-container{
    width:100%;
    display:inline-block;
    margin-bottom:10px;
}
.comment-author-avatar{
    display:inline-block;
    float:left;
    border-radius: 50%;
    margin-right:20px;
    width:40px;
}
.comment-author-avatar img{
    width:40px;
    height:40px;
    border-radius: 50%;
}
.default-avatar{
    font-size:40px;
    border-radius: 50%;
    color:#555;
}
.comment-parent{
    padding-left:30px;
}
.commnet-main-content{
    float:left;
    display:inline-block;
    width:calc(100% - 60px);
}
.comment-text-content{
    width:100%;
    display:inline-block;
}
.comment-text-content .comment-text{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #fafafa;
    border-radius: 10px;
    border-top-left-radius: 0px;
    padding-right: 30px;
    padding-left: 15px;
    font-size: 14px;
    box-shadow: inset 0px 0px 31px -19px rgba(0,0,0,0.75);
    font-family: 'Roboto',sans-serif;

}
.comment-text-content .comment-text p{
    padding:0px;
    margin:0px;
    
}
.comment-author-name{
    font-size:11px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    margin-top:5px;
    display:inline-block;
    float:left;
    margin-right:10px;
    margin-left:10px;
}
.comment-author-name a{
    text-decoration: none;
    color:#afafaf;
}
.comment-reply{
    font-size:11px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    margin-top:5px;
    display:inline-block;
    float:left;
    margin-right:10px;
}
.comment-reply a{
    text-decoration: none;
    color:#afafaf;
}
.comment-time{
    font-family: 'Poppins',sans-serif;
    color:#afafaf;
    font-size:11px;
    display:inline-block;
    float:left;
    margin-top:5px;
}

.comment-like a{
    width:100%;
    display:inline-block;
    float:left;
    text-align: center;
    margin-top:5px;
    color:#afafaf;
    font-size:13px;
    text-decoration: none;
}
.comment-delete a{
    font-family: 'Poppins',sans-serif;
    color:#afafaf;
    font-size:11px;
    display:inline-block;
    float:left;
    margin-top:5px;
    text-decoration: none;
    margin-left:10px;
}
.send-comment-textarea .textarea-content textarea{
    font-size:13px;
    padding:10px;
    height:60px;
    font-family: 'Roboto',sans-serif;
    font-weight: normal;
    border:1px solid #f9f9f9;
}
.send-comment-textarea .social-submit{
    margin-top:5px;
   

}
.send-comment-textarea .social-submit a{
    font-size:12px;
    background: #f3f3f3;
    color:#444;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    font-weight: normal;
}
.social-post-comment-container,.social-send-comment-container{
    display:none;
}

.comment-count{
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    color: #444;
    text-decoration: none;
    width: 15px;
    heighT: 15px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.18);
}
.load-comment{
    width:100%;
    display:inline-block;
    text-align: center;
}
.load-comment-link{
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    font-size: 13px;
    color: #afafaf;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    transition:0.2s;
}
.load-comment-link:hover{
    text-decoration: none;
    transition:0.2s;
    color:#444;
}
.see-reply-comment{
    width: calc(100% - 69px);
    display: inline-block;
    float: right;
    font-size: 12px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom:20px;
    
}
.see-reply-comment a {
    text-decoration: none;
    color:#444;
}
/*single-comment */
.single-comment-container{
    width:calc(100% - 60px);
    display:inline-block;
    float:right;
    margin-bottom:20px;

}
.single-send-comment{
    width:100%;
    display:inline-block;   
}
.single-load-link{
    width:100%;
    text-align: center;
    margin-bottom:20px;
}
.comment-parent-container{
    margin-bottom:0px;
    width:100%;
    display:inline;
}
.comment-parent-cover{
    position: relative;
    display:inline-block;
    width:100%;
    margin-bottom:10px;
    display:inline;
}
.reply-loader{
    font-size:10px;
    margin:0px;
    margin-bottom:20px;
    display: inline-block;
    position: absolute;
    width:100%;
    text-align: center;
    bottom:-5px;
    left:0px;
}
a.reply-cancel{
    padding: 5px;
    color: #444;
    text-decoration: none;
    font-size: 14px;
    background-color: #fafafa;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 3px;
}
.input-group-comment{
    display: block;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 55px;
    margin-top:10px;
}
.input-comment{
    width:50%;
    display:inline-block;
    float:left;
    padding-left:10px;
    padding-right:10px;
    
}
.input-comment input{
    text-indent: 10px;
    border: 2px solid #ececec;
    border-radius: 4px;
    font-size: 12px;
    height: 35px;
    background-color: #fff;

}
.input-comment input:focus{
    outline:none;
}
.input-comment input{
    width:100%;
    display:inline-block;
}
.single-comment-title{
    width:100%;
    margin-bottom:25px;
}
.single-comment-title h5{
    font-size:25px;
    font-family: 'Poppins',sans-serif;
    color:#5d5d5d;
}
.li-in-list{
    display:inline-block;
    margin-right:15px !important;
    position: relative;
}
.li-in-list a{
    margin:0px !important;
}
.gear-content{
    position: absolute;
    top:35px;
    right:0px;
    font-size:12px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    border-radius: 4px;
    background-color: #fff;
    width:auto !important;
    display:none;
}
.gear-content ul{
    margin:0px;
    padding:0px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    width:78px;
}
.gear-content ul li{
    list-style:none;
    width:100%;
    display:inline-block;
    overflow: hidden;
}
.gear-content ul li a{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    color:#444;
    text-decoration: none;
    width:100%;
    overflow: hidden;
    transition: 0.2s;
}
.gear-content ul li a:hover{
    background-color: #fafafa;
    transition: 0.2s;
}
.toggle-gear svg{
    fill:#ef4014 !important;
}
.toggle-comment svg{
    fill:#ef4014 !important;
}
.social-post-content img{
    max-width:100%;
    height:auto;
    border-radius: 4px;
    margin-bottom:15px;
    display:inline-block;
}
footer{
    width:100%;
    display:inline-block;
    background-color: #fff;
    margin-top:20px;
    min-height:150px;
    padding-top:30px;
    padding-bottom:10px;
    box-shadow: inset 0 9px 10px -8px rgba(0, 0, 0, 0.09)
}
.footer-content{
    text-align: center;
    width:100%;
    display:inline-block;
}
.footer-logo{
    display:inline-block;
    margin-bottom:25px;
}
.footer-logo img{
    width:169px;
    height:23px;
}
.footer-navigation{
    width:100%;
    display:inline-block;
    text-align: center;
    margin-bottom:20px;
}
.footer-navigation ul {
    display:inline-block;
    padding:0px;
    margin:0px;
}
.footer-navigation ul li{
    float:left;
    display:inline-block;
}
.footer-navigation ul li a{
    margin-left:10px;
    margin-right:10px;
    color:#444;
    text-decoration: none;
    font-size:14px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    transition:0.2s;
}
.footer-navigation ul li a:hover{
    color:#ff4401;
    transition:0.2s;
}
.footer-social-buttons{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.footer-social-buttons ul{
    display:inline-block;
    padding:0px;
    margin:0px;

}
.footer-social-buttons ul li{
    float:left;
    display:inline-block;
}
.footer-social-buttons ul li a{
    display:inline-block;
    color:#fff;
    text-decoration: none;
    margin-left:5px;
    margin-right:5px;
}

.footer-social-buttons ul li a i{
    width:40px;
    height:40px;
    text-align: center;
    line-height: 36px;
    color:#444;
    border-radius: 50%;
    border:2px solid #ff4401;
    transition:0.2s;
}
.footer-social-buttons ul li a:hover i{

    color:#fff;
    background-color: #ff4401;
    transition:0.2s;
}
.footer-desc{
    font-size:12px;
    width:100%;
    display: inline-block;
}
.social-loader{
    width: calc(100% - 80px);
    display:inline-block;
    float:right;
}


/*Color properties header*/
.header2-container{
    background: #fff !important;
}
.header2-container .search-header form i{
    color:#444;
}
.header2-container .search-header input{
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
    color:#444;
    transition: 0.2s;
    border-radius: 4px;
    overflow: inherit;
}
.header2-container .search-header input:focus{
    outline: none;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 33px -7px rgba(62, 62, 62, 0.18);
    transition: 0.2s;

}
.header2-container .tool-menu ul li a i{
    background-color:#ff4401;
    border:none;
    line-height: 35px;
}
.header2-container .header-bottom{
    background-color:#ff4401;
}
.header2-container .header-menu ul li a{
    color:#fff;
}
.ajaxSearchResults {
    width:100%;
    position: absolute;
    top:35px;
    left:0px;
    background-color: #fff;
    display:inline-block;
    z-index: 6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 6px 19px -7px rgba(62, 62, 62, 0.18);
}
.ajaxSearchResults ul{
    margin:0px;
    padding:0px;
    width:100%;
    display:inline-block;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    
}
.ajaxSearchResults ul li{
    margin:0px;
    padding:0px;
    text-align: left;
    display:inline-block;
    width:100%;
}
.ajaxSearchResults ul li a{
    margin:0px;
    padding:0px;
    text-align: left;
    display:inline-block;
    width:100%;
    color:#444;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    padding:10px;
    text-decoration: none;
    border-bottom:1px solid #fafafa;
    

}
.ajaxSearchResults ul li:last-child a{
    border:none;
}
.ajaxSearchResults ul li a i{
    margin-right:20px;
    font-size:16px;
}
.showbox {
    position: absolute;
    top: -16px;
    right: 0;
    padding: 0px;
  }
  
  .loader {
        position: relative;
      margin: 0px;
      width: 27px;
      display: inline-block;
      padding: 0px;
      position: absolute;
      right: 20px;
      top: 20px;
  }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  .circular {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
  }
  .main-showbox .loader{
      width:40px;
      top:25px;
  }
  @-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @-webkit-keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }
  @keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }
  @-webkit-keyframes color {
    100%,
    0% {
      stroke: #d62d20;
    }
    40% {
      stroke: #0057e7;
    }
    66% {
      stroke: #008744;
    }
    80%,
    90% {
      stroke: #ffa700;
    }
  }
  @keyframes color {
    100%,
    0% {
      stroke: #d62d20;
    }
    40% {
      stroke: #0057e7;
    }
    66% {
      stroke: #008744;
    }
    80%,
    90% {
      stroke: #ffa700;
    }
  }
/*Single page*/
.single-container{
    width:100%;
    display:inline-block;
}
.single-content{
    width:100%;
    display:inline-block;
}
.single-container h1{
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    color:#333;
    margin-bottom:20px;
    font-size:30px;
}
.single-tools{
    width:100%;
    display:inline-block;
    margin-bottom:15px;
}
.single-author{
    display:inline-block;
    float:left;
}
.author-avatar{
    display:inline-block;
    margin-right:25px;
    float:left;
}
.author-avatar i{
    font-size:35px;
}
.author-avatar img{
    width:35px;
    height:35px;
    border-radius: 50%;
}
.author-avatar a {
    text-decoration: none;
    color:#444;
}
.author-name{
    float: left;
    line-height: 33px;
}
.single-author .author-name a{
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #b5b5b5;
    text-decoration: none;
    font-size:14px;
}
.single-share{
    display:inline-block;
    float:right;
}
.single-share ul{
    display:inline-block;
    margin:0px;
    padding:0px;
}
.single-share ul li{
    float:left;
    list-style:none;
}
.single-share ul li a{
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    text-decoration: none;
    color:#444;
}
.single-share ul li a i{
    width:35px;
    height:35px;
    text-align: center;
    line-height: 31px;
    border:1.5px solid #dfdfdf;
    border-radius: 50%;
    
}
.single-share ul li:nth-child(1) a{
    color:#4363a2;
}
.single-share ul li:nth-child(1) a i{
    border:1.5px solid #4363a2;
}
.single-share ul li:nth-child(2) a{
    color:#60b5f1;
}
.single-share ul li:nth-child(2) a i{
    border:2px solid #60b5f1;
}
.single-share ul li:nth-child(3) a{
    color:#dd4b39;
}
.single-share ul li:nth-child(3) a i{
    border:2px solid #dd4b39;
}
.single-share ul li:nth-child(4) a{
    color:#007bb6;
}
.single-share ul li:nth-child(4) a i{
    border:2px solid #007bb6;
}
.single-share ul li:nth-child(5) a{
    color:#25d366;
}
.single-share ul li:nth-child(5) a i{
    border:2px solid #25d366;
}
.single-inner-content{
    width:100%;
    display:inline-block;
}
.single-left-stick {
    width:35px;
    margin-right:25px;
    float:left;
    display:inline-block;
    height: 100%;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 50px;
}
.single-left-stick ul{
    padding:0px;
    margin:0px;
    display:inline-block;
    width:100%;
}
.single-left-stick ul li{
    list-style: none;
    width:100%;
    margin-bottom:10px;
    display:inline-block;
}
.single-left-stick ul li a{
    widtH:100%;
    display:inline-block;
    position: relative;
    margin-bottom:15px;
    text-decoration: none;
}
.ecanPostBookMark{
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    float: left;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #2135ce, #7623ea);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.ecanPostBookMark:hover{
    text-decoration: none;
    color:#fff;
}
.ecanPostBookMark i{
    line-height: 35px;
}
.ecanBookMark{
    margin-bottom:5px !important;
}
.single-left-stick ul li a img{
    width:35px;
    height:35px;
    border-radius: 50%;
    
}
.single-left-stick .widget-popular-count{
    width:100%;
    color:#555;
}
.mobil-reaction{
    width:100%;
    display:none;
    overflow: hidden;
    margin-bottom:10px;
    position: relative;
}
.mobil-reaction:after{
    content: ' ';
    position: absolute;
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(255, 255, 255, 0.44) 50%,rgba(255, 255, 255, 0.8) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255, 255, 255, 0.85) 50%,rgba(255, 255, 255, 1) 100%);
    z-index: 2;
    width: 63px;
    top: 0px;
    right: 0px;
    height: 45px;
}

.mobil-reaction ul{
    padding:0px;
    display:block;
    margin:0px;
    margin-right:-5px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 5px;
}
.mobil-reaction ul li{
    list-style:none;
    display:inline-block;
    position: relative;
}
.mobil-reaction .ecanBookMark{
    float:left;
}
.mobil-reaction ul li:last-child{
    list-style:none;
    display:inline-block;
    position: relative;
    z-index:3;
}
.mobil-reaction ul li a{
    position: relative;
    display:inline-block;
    margin-right:20px;
}
.mobil-reaction ul li .ecanPostBookMark{
    float:inherit;
}
.mobil-reaction ul li a svg{
    width:35px;
    height:25px;
    display:inline-block;
}
.mobil-reaction ul li a img{
    width:35px;
    height:35px;
    display:inline-block;
}
.single-right-content{
    width:calc(100% - 60px);
    display:inline-block;
    float:right;
}
.single-description,.single-article-content{
    width:100%;
    display:inline-block;
    overflow: hidden;
}
.single-article-content{
    margin-bottom:20px;
}
.single-thumb{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.single-thumb img{
    width:100%;
    height:auto;
    border-radius: 6px;
    box-shadow: 0px 0px 67px -10px rgba(169, 169, 169, 0.32);
    max-width:100%;
}
.single-description{
    font-family: 'Poppins',sans-serif;
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 35px;
}
.single-breadcrumb{
    width:100%;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.single-breadcrumbList{
    width:100%;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.single-breadcrumbList li{
    float:left;
    list-style: none;
    font-size:12px;
    color:#bfbfbf;
}
.single-breadcrumbList li a{
    text-decoration: none;
    color: #929292;
}
.single-breadcrumbList li:first-child:before{
    display:none;

}
.single-breadcrumbList li:before{
    content: " ";
    width: 5px;
    height: 5px;
    background-color: #efefef;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 1px;
    margin-right: 5px;
}
.single-tools time{
    font-size:12px;
    display:inline-block;
    float:left;
    line-height:35px;
    color:#bfbfbf;
}
.single-tools time:before{
    content: " ";
    width: 5px;
    height: 5px;
    background-color: #efefef;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 1px;
    margin-right: 7px;
}
.single-article-content{
    width:100%;
    display:inline-block;
    line-height: 30px;
    font-family: 'PTsans',sans-serif;
    font-size:17px;
}
.single-article-content img{
    max-width:100%;
    height:auto;
}
.single-related-posts{
    width: calc(100% - 60px);
    display: inline-block;
    float: right;
}
.single-related-posts .m-large-post-item-list-content .m-large-post-thumb img{
    height:auto;
    height:227px;
}
.single-type3 .m-large-post-item-list-content .m-large-post-thumb img{
    height:auto;
    height:315px;
}
.single-related-title{
    width: 100%;
    margin-bottom: 25px;
}
.single-related-title h5{
    font-size: 25px;
font-family: 'Poppins',sans-serif;
color: #5d5d5d;
}
.single-related-posts .m-large-post-item-list-content{
    width:33.3333333333333%;
}
.single-related-posts .m-large-post-thumb .m-large-title h2{
    font-size:14px;
}

/*Single post loader svg editing*/
.single-post-loader svg{
    width:calc(100% - 60px);
    height:70px;
    font-size:30px;
    float:right;
    font-weight:700;
    font-family: 'Poppins',sans-serif;
}
.haLoader {
    fill: none;
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-dasharray: 10 90;
    stroke-dashoffset: 0;
    -webkit-animation: stroke 6s infinite linear;
    animation: stroke 8s infinite linear;
  }
  
  .haLoader:nth-child(5n + 1) {
    stroke: #F2385A;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
  }
  .haLoader:nth-child(5n + 2) {
    stroke: #F5A503;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
  }
  
  .haLoader:nth-child(5n + 3) {
    stroke: #E9F1DF;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
  }
  
  .haLoader:nth-child(5n + 4) {
    stroke: #56D9CD;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
  }
  
  .haLoader:nth-child(5n + 5) {
    stroke: #3AA1BF;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
  }
  
  @-webkit-keyframes stroke {
    100% {
      stroke-dashoffset: -400;
    }
  }
  
  @keyframes stroke {
    100% {
      stroke-dashoffset: -400;
    }
  }
  

/*Single1 Editing*/
.single1-breadcrumb{
    margin-bottom:15px;
}
.single1-thumb{
    height:500px;
    width:100%;
    display: flex;
    align-items: flex-end;
    background-position: center;
    position: relative;
}
.single1-thumb:before{
    content: "";
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 0;
    top:0px;
    background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,77));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.single1-thumb .single-title1{
    color:#fff;
    font-weight: 900;
    font-size:24px;
    font-family: 'Poppins',sans-serif;
    margin:0px;
    padding:0px;
    margin-bottom:30px;
}
.single1-thumb .single-title1,.single1-thumb .single-author,.single1-thumb .single-share,.single1-thumb time{
    z-index: 2;
    position: relative;
}
.single1-thumb .single-author a{
    color:#fff;
}
.single1-thumb  time{
    color:#fff;
}
.single1-thumb .single-share ul li a i{
    border-color:#fff;
    color:#fff;
    background-color: rgba(0,0,0,0.2);
}
/*single 2 editing*/
.single2-container .single1-thumb{
    padding:20px;
}
/*single 3 editing*/
.single3-conainer{
    width:100%;
}
/*single video */
.single-video:before{
    background-color: rgba(3, 13, 19, 0.8);
    background-image:inherit;
}
.single-video{
    height:100%;
    display:inline-block;
    padding-top:20px;
    padding-bottom:20px;
}
.video-embed-container{
    display:inline-block;
    float:left;
    position: relative;
    z-index:2;
    width: 72.33333333333333333%;
    float: left;
    height: 470.6px;
}
.video-embed-iframe{
    width: 100%;
    height: 470.6px;
    display:inline-block;
   
}
.video-embed-responsive{
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(3, 13, 19, 0.8);
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 54.25%;
    padding-top: 0;
    position: relative;
}
.video-embed-responsive iframe{
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(3, 13, 19, 0.8);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.video-playlist {
    position: relative;
    z-index: 2;
    float:left;
    display:inline-block;
    width:26.66666666666666666%;
}
.playlist-header{
    width:100%;
    background-color: #1a1e21;    
    padding:10px;
    color: #fff;
    font-family: 'PTsans',sans-serif;
    font-weight: 600;
    border-bottom:1px solid #000;
    padding-left:15px;
}
.video-playlist ul{
    width:100%;
    display:inline-block;
    margin:0px;
    padding:0px;
    background-color: #1a1e21;    padding:10px;
    padding:0px;
    height: 425.6px;
    overflow-y: scroll;
}
.video-playlist ul li{
    width:100%;
    list-style: none;
    display:inline-block;
    border-bottom:1px solid #000;
    padding:10px;
    padding-left:15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.38), inset 0 1px 3px rgba(255,255,255,0.1);
}

.video-playlist ul li:last-child{
    border:none;
}
.playlist-thumb{
    width:100px;
    height:auto;
    float:left;
    margin-right:10px;
}
.playlist-thumb img{
    width:100px;
    height:auto;
    border-radius: 4px;
    transition:0.1s;
}
.video-playlist ul li:hover .playlist-thumb img{
    transform: scale(1.05);
    transition:0.1s;
}
.playlist-video-title{
    font-family: 'PTsans',sans-serif;
    width: calc(100% - 110px);
    float: right;
    display: inline-block;
    height:48px;
    overflow: hidden;
    
}
.playlist-video-title a{
    color:#fff;
    text-decoration: none;
    height:48px;
    overflow: hidden;
}
.video-playlist ul::-webkit-scrollbar, .video-playlist ul::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 4px;
}
.video-playlist ul::-webkit-scrollbar {
    width: .2em;
}
.video-playlist ul::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.2);
}
.video-playlist ul::-webkit-scrollbar, .video-playlist ul::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 2px;
}
.video-time{
    font-size: 11px;
    color: rgba(255, 255, 255, 0.34);
    margin-top: 5px;
    width: calc(100% - 110px);
    display: inline-block;
}
/*Profil page*/
.user-profil-area{
    width:100%;
    display:inline-block;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    margin-bottom:60px;
}

.profil-header{
    background: linear-gradient(to bottom, #6606bd 0%, #5a93ff 100%);
    width:100%;
    display:inline-block;
    position: relative;
    height:160px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.user-avatar-userpanel{
    displaY:inline-block;
    float:left;
    position: relative;
}

.user-avatar-userpanel form{
    font-size:10px;
    position: absolute;
    top:0px;
    right:0px;
    display:inline-block;
    width:auto !important;
    height:auto !important;
    line-height: normal !important;
}
.user-avatar-userpanel form button{
    display:inline-block;
    width:auto !important;
    height:auto !important;
    line-height: normal !important;
    background-color: transparent;
    border:none;

}
.user-avatar-userpanel form button:focus{
    outline:none;
}
.user-avatar-userpanel form button i{
    font-size: 20px;
    position: absolute;
    top: 20px;
    right: 30px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor:pointer;
}
.profil-avatar{
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    bottom:-80px;
    left:20px;  
    z-index:4;
}
.profil-avatar img{
    width:200px;
    height:200px;
    border-radius: 50%;
    float:left;
    margin-right:20px;
    box-shadow: -10px 8px 70px 18px rgba(0, 0, 0, 0.1);
}
.profil-avatar i{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    box-shadow: -10px 8px 70px 18px rgba(0, 0, 0, 0.1);
    font-size: 200px;
    background-color: #fff;
    text-align: center;
    line-height: 200px;
    overflow: hidden;
}
.profil-name{
    display:inline-block;
    color:#fff;
    font-family: 'Poppins',sans-serif;
    font-size:25px;
    font-weight: 700;
    margin-top:20px;
}
.user-insidename{
    display:inline-block;
    float:left;
}
.user-insidename a{
    color:#fff;
    text-decoration: none;
}
.user-statu{
    font-size: 9px;
    padding: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(0,0,0,0.1);
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.64);

}
.profil-state{
    font-size: 10px;
    color: rgba(255, 255, 255, 0.43);
    margin-top:-5px;
}
.profil-values{
    float:right;
    display:inline-block;
}
.profil-values ul{
    float:left;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.profil-values ul li{
    float:left;
    display:inline-block;
    margin:0px;
    padding:0px;
    list-style:none;
    text-align: center;
    margin-top:45px;
    margin-right:35px;
}
.value-list{
    width:60px;
    height:60px;
    line-height: 60px;
    color:#fff;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    border-radius: 6px;
    font-size:20px;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
}
.profil-values-text{
    font-size:10px;
    text-align: center;
    display:inline-block;
    color: rgba(255, 255, 255, 0.43);

}
.follow-button a {
    width:100%;
    height:100%;
    color:#fff;
    text-decoration: none;
    font-size:30px;
    border-radius: 6px;
    box-shadow: 0 1px 28.5px 1px rgba(0,0,0,.12);
}
.setBtn a {
    width:100%;
    height:100%;
    color:#fff;
    text-decoration: none;
    font-size:30px;
    border-radius: 6px;
    box-shadow: 0 1px 28.5px 1px rgba(0,0,0,.12);
}
.profil-bottom-stick {
    width:100%;
    background-color: #fff;
    display:inline-block;
    position: relative;
}
.profil-bottom-stick ul{
    margin: 0px;
    padding: 0px;
    float: right;
    width: calc(100% - 240px);
    margin-top: -2px;
}
.profil-bottom-stick ul li{
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    position: relative;
    z-index:5;
}
.profil-bottom-stick ul li a{
    padding:10px;
    display:inline-block;
    font-size:13px;
    color:#444;
    text-decoration: none;
}
.profil-bottom-stick ul li a i{
    width:25px;
    height:25px;
    line-height: 23px;
    text-align: center;
    border:1px solid #dfdfdf;
    border-radius: 50%;
    margin-right:5px;
}
.profil-bottom-stick ul li:nth-child(1) a i{
    color:#4363a2;
    border:1px solid #4363a2;
}
.profil-bottom-stick ul li:nth-child(2) a i{
    color:#60b5f1;
    border:1px solid #60b5f1;
}
.profil-bottom-stick ul li:nth-child(3) a i{
    color:#dd4b39;
    border:1px solid #dd4b39;
}
.profil-bottom-stick ul li:nth-child(4) a i{
    color:#007bb6;
    border:1px solid #007bb6;
}
.profil-bottom-stick ul li:nth-child(5) a i{
    color:#d32554;
    border:1px solid #d32554;
}
.profile-container{
    width:100%;
    display:inline-block;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-radius: 6px;
    overflow: hidden;
}
/*profile tabs*/
.tab-main{
    width:100%;
    display:inline-block;
    position: relative;
}
.tab-menu{
    padding:0px;
    margin:0px;
    width:100%;
    display:inline-block;
}
.tab-menu li{
    float:left;
    display:inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    width: 25% !important;
}
.tab-menu li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
    color:#6233d2;
    text-decoration: none;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    transition:0.2s;
    background:#fff;
}
.tab-content{
    display:none;
    transition:0.2s;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
}
.tab-container .tab-content:first-child{
    display:block;
    transition:0.2s;
}
.tab-menu .current a{
    background: linear-gradient(45deg, #6606bd 0%, #5a93ff 100%);
    color:#fff;
    transition:0.2s;
}
.tab-content .m-large-post-item-list-content{
    width:33.333333333333%;
    heighT:auto;
}
.tab-content .m-large-post-thumb img{
    height:233px;
}
.tab-content .m-large-post-thumb .m-large-title h2{
    font-size:14px;
}
.user-card-list-container{
    display:block;
    width:100%;
}
.user-card-list-container ul {
    display:block;
    margin:0px;
    padding:0px;
    margin-right:-10px;
    margin-left:-10px;
}
.user-card-list-container ul li{
    width:33.3333333333333%;
    float:left;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
    list-style:none;
}
.user-card-cover{
    width:100%;
    display:inline-block;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 38px rgba(60, 60, 60, 0.15);
    
}
.user-card-head{
    width:100%;
    display:inline-block;
    text-align: center;
    background: linear-gradient(to bottom, #6606bd 0%, #5a93ff 100%);
    height:120px;
    position: relative;
}
.user-card-head .user-card-avatar{
    width:100%;
    height:auto;
    display:inline-block;
    position: absolute;
    bottom:-45px;
    left:0px;
    text-align: center;
}
.user-card-head .user-card-avatar img{
    width:120px;
    height:120px;
    border-radius: 50%;
    display:inline-block;
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64), 0 0 0 30px rgba(255, 255, 255, 0.36), 0 0 0 40px rgba(255, 255, 255, 0.24);
}
.user-card-head .user-card-avatar i{
    font-size:120px;
    background-color: #fff;
    border-radius: 50%;
    display:inline-block;
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64), 0 0 0 30px rgba(255, 255, 255, 0.36), 0 0 0 40px rgba(255, 255, 255, 0.24);
}
.user-card-body{
    width:100%;
    display:inline-block;
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top:60px;
}
.user-card-name{
    font-size:20px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    margin-bottom:10px;
}
.user-card-name a{
    text-decoration: none;
    color:#444;
}
.user-card-statu{
    display:inline-block;
    margin-bottom:20px;
}
.user-card-statu .user-statu{
    color:#fff;
    margin:0px;
    background-color: #ff4401;
    margin-right:5px;
    margin-left:5px;
    line-height: 12px;
    border-radius: 2px;
}
.user-card-statu .user-statu a{
    color:#fff;
    text-decoration: none;
}
.user-card-footer{
    width:100%;
    text-align: center;
    display:inline-block;
    transition:1s;  
}
.user-card-footer a{
    width:100%;
    display:inline-block;
    padding-top:10px;
    padding-bottom:10px;
    color:#444;
    text-decoration: none;
    font-family: 'Poppins',sans-serif;
    transition:0.2s;  
    background-color: transparent;

}
.user-card-cover:hover .user-card-footer a{
    box-shadow: inset 0 9px 10px -8px rgba(0, 0, 0, 0.09);
    transition:0.2s;  
}
/*user status*/
.platin{
    background-color: #444 !important;
    color:#fff !important;
}
.gold{
    background-color: #fbf118 !important;
    color:#444 !important;
}
.sliver{
    background-color: #10c929 !important;
    color:#fff !important;
}
.bronze{
    background-color: #bb4d19 !important;
    color:#fff !important;
}
/*user reaction*/
.user-reaction-container .widget-title{
    background: transparent;
    margin:0px;
    padding:0px;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom:15px;
}
.user-reaction-container .widget-title h4{
    font-size:18px;
    padding:0px;
    margin:0px;
    background-color: transparent;
}
.user-reaction-container .widget-content-inside{
    box-shadow: none;
    background-color: transparent;
}
.user-reaction{
    width:100%;
    display:inline-block;
}
.user-reaction ul {
    display:block;
    margin:0px;
    padding:0px;
    margin-left:-5px;
    margin-right:-5px;

}
.user-reaction ul li{
    float:left;
    display:inline-block;
    width:16.66666666666666%;
    margin:0px;
    padding:0px;
    list-style: none;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
    height:40px;
}
.user-reaction ul li .react-content{
    position: relative;
}
.user-reaction ul li .react-content svg{
    width:100%;
}
.user-reaction ul li .react-content img{
    width:100%;
}
/*user-about*/
.user-about .widget-title{
    background: transparent;
    margin:0px;
    padding:0px;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom:15px;
}
.user-about .widget-title h4{
    font-size:18px;
    padding:0px;
    margin:0px;
    background-color: transparent;
}
.user-about-widget{
    padding: 10px;
    margin: 0px;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}
.user-about-widget p {
    margin: 0px;
    padding: 0px;
    line-break: 25px;
    line-height: 27px;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    font-family: 'PTsans',sans-serif;
    color: #777;
}
/*user post editing and status*/
.user-post-gear{
    position: absolute;
    left:10px;
    top:10px;
    z-index:3;
}
.user-post-gear ul{
    display:inline-block;
    margin:0px;
    padding:0px;
}
.user-post-gear ul li{
    float:left;
    list-style: none;
    margin-right:5px;
    display:inline-block;
}
.user-post-gear ul li a{
    color:#444;
    text-decoration: none;
}
.user-post-gear ul li i{
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
}
.published{
    background-color: #45e230 !important;
    color:#fff;
}
.pending{
    background-color: #ff4401!important;
    color:#fff;
}
/*new-post-style*/
.newpost-container{
    width: 100%;
    display: inline-block;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-radius: 6px;
    overflow: hidden;
}
.newpost-content{
    width:100%;
    display:inline-block;
}
.new-post-title{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    box-shadow: inset 0 -10px 10px -8px rgba(107, 107, 107, 0.09);
    display: inline-block;
}
.new-post-title a {
    float:left;
    color: #6233d2;
    width:25px;
    height:25px;
    overflow: hidden;
}
.new-post-title a i{
    font-size:25px;
    width:25px;
    height:25px;
}
.new-post-title h4{
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #6233d2;
    margin:0px;
    padding:0px;
}
.newpost-forms{
    width:100%;
    display:inline-block;
    padding:20px;
}
.input-form-full{
    display:inline-block;
    margin-bottom:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.input-fields input{
    
    width:100%;
    border:none;
    color:#444;
    text-indent: 10px;
    height:40px;
    border-radius: 6px;
    font-size:18px;
    background-color: #f9f9f9;
    transition:0.2s;
    
}
.input-fields textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100%;
    display:inline-block;
    border:none;
    background-color: #f9f9f9;
    padding:10px;
    transition:0.2s;
    border-radius: 6px;
}
.input-fields textarea:focus{
    outline:none;
    background-color: #fff;
    box-shadow: 0px 0px 33px -7px rgba(62, 62, 62, 0.18);
    transition:0.2s;
}
.input-fields input:focus{
    outline:none;
    background-color: #fff;
    box-shadow: 0px 0px 33px -7px rgba(62, 62, 62, 0.18);
    transition:0.2s;
}
.dropify-wrapper{
    box-shadow: 0px 0px 27px -11px rgba(169, 169, 169, 0.32);
    border-radius: 4px;
}
.left-field{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.left-field select{
    background-color: #fff;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    text-indent: 10px;
    border: 2px solid #e5e5e5;
    box-shadow: 0px 0px 27px -11px rgba(169, 169, 169, 0.32);

}
.left-field select:focus{
    outline:none;
}
.postsend-btn-content{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    display:inline-block;
    text-align: center; 
}
.postsend-btn{
    display:inline-block;
    background-color:#f9f9f9;
    border:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color:#fff;
    border-radius:4px;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    
}
.postsend-btn i{
    font-size: 14px;
    margin-right: 8px;
}
.postsend-btn:focus{
    outline:none;
}
.tab-container .redirect{
    width:100%;
    display:inline-block;
    text-align: center;
    padding:10px;
}
.user-settings{
    margin-right:-10px;
    margin-left:-10px;
}
.user-settings input{
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    font-weight: 500 !important;
    font-family: 'Poppins',sans-serif;
}

.user-settings textarea{
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    font-weight: 500 !important;
    font-family: 'Poppins',sans-serif;
}
.newpost-fields .label-title:first-child{
    margin-top:0px;
}
.label-title{
    width:100%;
    display:inline-block;
    font-size:20px;
    margin-bottom:10px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    color:#555;
    text-transform: uppercase;
    margin-top:20px;
}
/*page full*/
.page-full{
    width:100%;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-radius: 6px;
    overflow: hidden;
}
.page-full .single-right-content{
    width:100%;
    padding:20px;
}
.page-title{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    box-shadow: inset 0 -10px 10px -8px rgba(107, 107, 107, 0.09);
    display: inline-block;
}
.page-title h1{
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    color: #444;
    margin: 0px;
    padding: 0px;
    font-size:25px;
}
.table-responsive{
    float: left;
    display: block;
    height: auto;
    width: 100%;
    background: #FFF;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 0 12px -1px rgba(0,0,0,.1);
    border-radius: 6px;
    overflow: hidden;
}
.table{
    border-collapse: collapse;
    caption-side: bottom;
    float: left;
    width: 100%;
    background: #FFF;
    text-align: left;
    margin:0px;
}
.table thead{
    border-bottom: 2px solid #ecede8;
    color: #ff4401;
    font-size: 15px;
    font-weight: 700;
    font-family: Roboto,sans-serif;
}
.table thead th:first-child{
    width: 90px;
    border-right: 1px solid #ecede8;
    text-align: center;

}
.table thead th{
    line-height: 50px;
}
.table thead th:nth-child(2){
    padding-left:40px;

}
.table tbody tr td:nth-child(2){
    padding-left:40px;
}
.table tbody tr td:first-child {
    width: 90px;
    border-right: 1px solid #ecede8;
    text-align: center;
    padding: 0;
    line-height: 65px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(18, 76, 134, 0.05);
}
.table tbody td{
    font-size:15px;
    line-height: 36px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    color:#555;
}
.table tbody tr td:nth-child(2){
    font-weight: 600;
}
.table tbody tr td:nth-child(4){
    color: #15a013;
}
.table tbody td img{
    width:20px;
    height:20px;
    margin-right:10px;
    float:left;
    margin-top:8px;
    display: inline-block;
}
.red{
    color:#ea0e0e !important;
}
.green{
    color:#4CAF50 !important;
}
/*category-card*/
.category-card-cover{
    width:100%;
    display:inline-block;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 38px rgba(60, 60, 60, 0.15);
    margin-bottom:20px;
    
}
.category-card-head{
    width:100%;
    display:inline-block;
    text-align: center;
    background: linear-gradient(to bottom, #6606bd 0%, #5a93ff 100%);
    height:120px;
    position: relative;
}
.category-card-head .category-card-avatar{
    width:100%;
    height:auto;
    display:inline-block;
    position: absolute;
    bottom:-45px;
    left:0px;
    text-align: center;
}
.category-card-head .category-card-avatar i{
    width:120px;
    height:120px;
    border-radius: 50%;
    display:inline-block;
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64), 0 0 0 30px rgba(255, 255, 255, 0.36), 0 0 0 40px rgba(255, 255, 255, 0.24), 0 0 0 50px rgba(255, 255, 255, 0.14), 0 0 0 60px rgba(255, 255, 255, 0.07);
    line-height: 120px;
    font-size:60px;
    color:#fff;
    background: linear-gradient(45deg, #6606bd 0%, #5a93ff 100%);
}
.category-card-body{
    width:100%;
    display:inline-block;
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top:60px;
}
.category-card-name{
    margin-bottom:15px;
}
.category-card-name h1{
    font-size:20px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    margin-bottom:10px;
}
.category-card-name h1{
    text-decoration: none;
    color:#444;
    font-size:26px;
    font-weight: 600;
}
.category-card-footer{
    width:100%;
    text-align: center;
    display:inline-block;
    transition:1s;  
}
.category-card-footer a{
    width:100%;
    display:inline-block;
    padding-top:10px;
    padding-bottom:10px;
    color:#444;
    text-decoration: none;
    font-family: 'Poppins',sans-serif;
    transition:0.2s;  
    background-color: transparent;

}
.category-card-cover:hover .category-card-footer a{
    box-shadow: inset 0 9px 10px -8px rgba(0, 0, 0, 0.09);
    transition:0.2s;  
}
.category-card-desc{
    width:100%;
    padding-right:30px;
    padding-left:30px;
    padding-top:20px;
    padding-bottom:10px;
    box-shadow: inset 0 9px 10px -8px rgba(0, 0, 0, 0.09);
    
}
.category-card-desc p{
    font-size: 16px;
}

/*user-leaderboard*/
.users-leaderboard-container{
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
}
.user-leaderboard-head{
    background: linear-gradient(to bottom, #6606bd 0%, #5a93ff 100%);
    width:100%;
    height:150px;
    position: relative;
}
.user-leaderboard-head h4{
    color:#fff;
    width:100%;
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    font-size:16px;
    margin-top:20px;
    display:inline-block;
    text-transform: uppercase;
    position: absolute;
    top:0px;
    left:0px;
}
.first-user-scor{
    display: inline-block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -35px;
    left: 0px;
    text-align: center;
}
.user-content{
    width:auto;
    display:inline-block;
    text-align: center;
    position: relative;
}
.user-content a {
    color:#444;
    text-decoration: none;
}
.user-content img{
    width:60px;
    height:60px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64), 0 0 0 30px rgba(255, 255, 255, 0.36), 0 0 0 40px rgba(255, 255, 255, 0.24);

}
.user-content i{
    font-size:60px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64), 0 0 0 30px rgba(255, 255, 255, 0.36), 0 0 0 40px rgba(255, 255, 255, 0.24);
    background-color: #fff;
}
.user-leader-name{
    font-size:13px;
    font-family: 'Poppins',sans-serif;
    padding-top:5px;
}
.user-number{
    position: absolute;
    background-color: #fff;
    width:20px;
    height:20px;
    font-size:11px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}
.sub-user-scor{
    width:100%;
    display:inline-block;
    position: absolute;
    bottom:-60px;
    padding-left:20px;
    padding-right:20px;
}
.sub-user-scor .user-content:first-child{
    float:left;
}
.sub-user-scor .user-content:last-child{
    float:right;
}
.sub-user-scor .user-content img{
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64);

}
.sub-user-scor .user-content i{
    box-shadow: 0 7px 39px -9px rgba(62, 62, 62, 0.29), 0 0 0 10px rgba(255, 255, 255, 0.76), 0 0 0 20px rgba(255, 255, 255, 0.64);

}
.users-scor-table{
    display:inline-block;
    width:100%;
    margin-top:75px;
}
.users-scor-table ul {
    padding:0px;
    margin:0px;
    width:100%;
    display:inline-block;
}
.users-scor-table ul li{
    width:100%;
    padding:0px;
    margin:0px;
    list-style:none;
    heighT:50px;
    border-bottom:1px solid #dfdfdf;
    transition:0.2s;
}
.users-scor-table ul li:hover{
    background-color: #fafafa;
    transition:0.2s;
}
.users-scor-table ul li:last-child{
    border-bottom:0;
}
.user-list-leader{
    width:100%;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}
.user-leader-avatar{
    width:30px;
    height:30px;
    border-radius: 50%;
    overflow: hidden;
    float:left;
    margin-right:10px;
    margin-top:10px;
}
.user-leader-avatar a{
    color:#444;
    text-decoration: none;
}
.user-leader-avatar img{
    width:30px;
    height:30px;
    border-radius: 50%;
    overflow: hidden;
    
}
.user-leader-avatar i{
    font-size:30px;
    border-radius: 50%;
    overflow: hidden;
    
}
.user-leader-info{
    width:calc(100% - 40px);
    float:right;
}
.user-leader-list-name{
    float:left;
    font-size:13px;
    font-family: 'Poppins',sans-serif;
    line-height: 50px;
}
.user-leader-list-name a {
    color:#444;
    text-decoration: none;
}
.user-leader-scor{
    float:right;
    font-size:13px;
    font-family: 'Poppins',sans-serif;
    line-height: 50px;
}
/* Trendler */
.trends-container{
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
}
.trends-head{
    background: linear-gradient(to bottom, #6606bd 0%, #5a93ff 100%);
    width:100%;
    height:65px;
    position: relative;
}
.trends-head h4{
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    /* margin-top: 20px; */
    display: inline-block;
    text-transform: uppercase;
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    line-height: 65px;
}

.trends-table{
    display:inline-block;
    width:100%;
    margin-top:10px;
}
.trends-table ul {
    padding:0px;
    margin:0px;
    width:100%;
    display:inline-block;
}
.trends-table ul li{
    width:100%;
    padding:0px;
    margin:0px;
    list-style:none;
    heighT:50px;
    border-bottom:1px solid #dfdfdf;
    transition:0.2s;
}
.trends-table ul li:hover{
    background-color: #fafafa;
    transition:0.2s;
}
.trends-table ul li:last-child{
    border-bottom:0;
}
.trends-list-leader{
    width:100%;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    color:#444;
}
.trends-leader-avatar{
    width:30px;
    height:30px;
    border-radius: 50%;
    overflow: hidden;
    float:left;
    margin-right:10px;
    margin-top:10px;
}
.trends-leader-avatar .number-trends{
    width:30px;
    height:30px;
    border-radius: 50%;
    overflow: hidden;
    color:#444;
    text-align: center;
    line-height: 30px;
    font-family: 'Poppins',sans-serif;
    display:inline-block;
    background-color: #fafafa;
    border:1px solid #dfdfdf;
    font-weight: 600;
    
}
.trends-leader-info{
    width:calc(100% - 40px);
    float:right;
}
.trends-leader-list-name{
    float:left;
    font-size:13px;
    font-family: 'Poppins',sans-serif;
    line-height: 50px;
}
.trends-leader-list-name a{
    color:#444;
    text-decoration: none;
}
.trends-leader-scor{
    float:right;
    font-size:11px;
    font-family: 'Poppins',sans-serif;
    line-height: 50px;
}
/*logreg-page*/
.logreg-main-container{
    width:100%;
    display:inline-block;
    margin-top: 17px;
    margin-bottom: 17px;
}
.logreg-container{
    width:75%;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-radius: 6px;
    overflow: hidden;
    margin-right:auto;
    margin-left:auto;
}
.logreg-left-area{
    float:left;
    width:50%;
    display:inline-block;
    background:url('img/logreg.jpeg');
    min-height:500px;
    position: relative;
}
.logreg-left-area:before{
    content:" ";
    float:left;
    width:100%;
    display:inline-block;
    background: linear-gradient(45deg, #251f61 0%, #bd4086 100%);  
    min-height:500px;
    position: absolute;
    z-index:1;
    opacity: 0.7;
    background: linear-gradient(-45deg, #e8d026, #3c90e7, #bd4086, #251f61);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.logreg-content{
    position: relative;
    z-index: 2;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}
.logreg-content-tab{
    width:100%;
    display:inline-block;
}
.logreg-content h3{
    color:#fff;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    font-size:27px;
    padding:0px;
    margin:0px;
}
.logreg-content h2{
    color:#fff;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    font-size:50px;
    margin:0px;
    padding:0px;
}
.logreg-content p{
    font-size:16px;
    color:#fff;
    margin-top:20px;

}
.logreg-right-area{
    float:right;
    width:50%;
    display:inline-block;
    min-height:500px;
}
.log-reg-tab{
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 48px;
}
.log-reg-tab li{
    width:50% !important;
}
.log-reg-tab li a{
    color:#444;
}
.tab-menu .current a{
    color:#6233d2;
    background: transparent;
    border-bottom:2px solid #6233d2;
}
.logreg-tab-container{
    box-shadow: inset 0 9px 10px -8px rgba(0, 0, 0, 0.09);
    padding-top:30px;
}
.logreg-tab-content .user-settings{
    margin-bottom:30px;
}
.log-sign{
    float: right;
    width:auto;
    margin-top:0px;
    margin-bottom:0px;
}
.log-lostpassword{
    float:left;
    line-height: 34px;
}
.security-step{
    width:100%;
    text-align: center;
}
.security-step .g-recaptcha{
    display:inline-block;
}
.log-lostpassword a{
    color:#6233d2;
    font-size:14px;
}
.logreg-action-container{
    display:inline-block;
    width:100%;
    margin-bottom:20px;
}
.social-login-buttons{
    width:100%;
    display:inline-block;
}
.social-login-buttons ul{
    margin:0px;
    padding:0px;
    margin-left:-20px;
    margin-right:-20px;
}
.social-login-buttons ul li{
    width:50%;
    float:left;
    padding-left:20px;
    padding-right:20px;
    list-style:none;
    text-align:center;
    display:inline-block;
}
.social-login-buttons ul li a{
    text-align: center;
    width:100%;
    padding-top:7px;
    padding-bottom:7px;
    display:inline-block;
    border-radius: 40px;
    color:#fff;
    text-decoration: none;
    background-color: #4267B2;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.social-login-buttons ul li:last-child a{
    background-color:#db4437; 
}
.reg-sign{
    width:100%;
    text-align: center;
    float:none;
    margin:0px;
    margin-bottom:10px;
    margin-top:10px;
}
.reg-sign button{
    width:100%;
}
.not-active{
    pointer-events: none;
    cursor: default; 
    opacity:0.6;
}

.gallery img{
    border:none !important;
    border-radius: 4px; 
}

/*galery */
.social-post-content .gallery-columns-4 .gallery-item{
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}
.social-post-content .gallery-columns-3 .gallery-item{
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}
.social-post-content .gallery-columns-2 .gallery-item{
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}
.social-post-content .gallery-columns-1 .gallery-item{
    width: 100% !important;
    text-align: left !important;
}

/*Social Editing media*/
.editing-image-preview{
    width: 100%;
    display: none;
    background-color: #fff;
    border-radius: 4px;
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    /* height: 100px; */
    box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);
    padding: 10px;
}
.editing-image-preview img{
    margin-right:10px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom:10px;
    height:100px;
}

.post-gallery{
    margin-right: -10px;
    margin-left: -10px;
    display: block;
}
.currentMediaData{
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);
    border-radius: 10px;
}
.currentMediaData a {
    position: absolute;
    top:0px;
    right:0px;
    color:#444;
    text-decoration: none;
}
.currentMediaData a i{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
    border-radius: 50%;
}

/*gradient animation*/
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
/*activation page*/
.activation-container{
    width:100%;
    displaY:inline-block;
}
.activation-icon {
    width:100%;
    text-align:center;
    display:inline-block;
    margin-bottom:30px;
}
.activation-icon i{
    font-size:150px;
    color:#31b712;
    display:inline-block;
}
.home-url{
    width:100%;
    display:inline-block;
    text-align: center;
}
.home-url a {
    text-decoration: none;
    color:#fff;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    padding-top:8px;
    padding-bottom:8px;
    padding-right:15px;
    padding-left:15px;
    border-radius: 4px;
    display:inline-block;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
/*user panel user about counter */
.user-about{
    position: relative;
}
#charNum{
    position: absolute;
    right: 25px;
    bottom: 0px;
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.postsend-btn{
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #5a93ff, #6606bd);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.quicktags-toolbar input{
    width:auto;
    text-indent: 0px;
}
#wp-post_content-media-buttons{
    display:none;
}
.edit-thumb{
    widtH:100%;
    display:inline-block;
    margin-bottom:20px;
}
.edit-thumb img{
    width:100%;
    height:auto;
    border-radius: 4px;
}
.user-verify-container{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.user-verify-box{
    padding:10px;
    display:inline-block;
    border-radius: 4px;
    color:#fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #ff5a5a, #f1292c);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    font-size:13px;
}
.user-verify-box i{
    margin-right:10px;
}
.user-verify-box a{
    color:#fff;
    text-decoration: none;
    background-color: rgba(0,0,0,0.1);
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border-radius: 4px;
    margin-left:5px;
    display:inline-block;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }
    
    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .single-article-content img, 
    .single-article-content iframe, 
    .single-article-content object, 
    .single-article-content embed {
            max-width: 100%;
    }
    .toggle-bell a{
        position: relative;
    }
    .notification_count{
        position: absolute;
        top: -5px;
        right: -5px;
        color: #444;
        background-color: #fff;
        width: 20px;
        height: 20px;
        font-size: 11px;
        font-weight: 700;
        font-family: 'Poppins',sans-serif;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    
    }
    .notification-loader{
        width:100%;
        display:inline-block;
    }
    .notification-loader a{
        display:inline-block !important;
        width:100% !important;
        text-align: center !important;
        font-size:14px !important;
        font-weight: 500 !important;
        font-family: 'Poppins',sans-serif !important;
        color:#444 !important;
        margin:0px !important;
    }
    .notification-loader a i{
        width:auto !important;
        padding:0px !important;
        margin:0px !important;
        height:auto !important;
        font-size: 14px !important;
        background-color: transparent !important;
        line-height: normal !important;
    }
    .notification-list-item-container{
        max-height: 425px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .notification-list-item-container::-webkit-scrollbar, .notifivation-cover::-webkit-scrollbar-thumb {
        overflow: visible;
        border-radius: 4px;
    }
    .notification-list-item-container::-webkit-scrollbar {
        width: .2em;
    }
    .notification-list-item-container::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.2);
    }
    .notification-list-item-container::-webkit-scrollbar, .notifivation-cover::-webkit-scrollbar-thumb {
        overflow: visible;
        border-radius: 2px;
    }
    .mainHeaderAjaxResults{
        padding:40px;
        padding-top:10px;
    }
    .mainHeaderAjaxResults .m-large-post-item-list-content{
        width:25%;
    }
    .mainHeaderAjaxResults .m-large-post-item-list-content .m-large-post-thumb img{
        height:auto;
        height:227px;
    }
    .mainHeaderAjaxResults .m-large-post-thumb .m-large-title h2 a{
        font-size:14px;
    }

    /*attachment page*/
    .attachment-container{
        width:100%;
        display:inline-block;
        background-color: #fff;
        margin-bottom:30px;
        box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
        padding:20px;
        border-radius: 6px;
    }
    .attachment-left-main{
        width:60%;
        display:inline-block;
        float:left;
        padding-right:10px;
    }
    .attachment-left-main a{
        display:inline-block;
        width:100%;
    }
    .attachment-left-main a img{
        width:100%;
        height:auto;
        border-radius: 6px;
    }
    .attachmetn-right-sidebar{
        padding-left:10px;
        width:40%;
        display:inline-block;
        float:right;
    }
    .attachmetn-right-sidebar h1{
        font-size:25px;
        font-weight: 600;
        font-family: 'Poppins',sans-serif;

    }
    .attachment-emoji-list{
        width:100%;
        display:inline-block;
        margin-bottom:20px;
        text-align: center;
    }
    .attachment-emoji-list ul{
        margin:0px;
        margin-right:-10px;
        margin-left:-10px;
        display:inline-block;
        padding:0px;
    }
    .attachment-emoji-list ul li{
        float:left;
        display:inline-block;
        list-style:none;
        position: relative;
        padding-left:10px;
        padding-right:10px;
    }
    .attachment-emoji-list ul li a{
        width:35px;
        heighT:35px;
        display:inline-block;
        position: relative;
        
    }
    .attachment-emoji-list ul li a svg{
        width:100%;
        height:auto;
    }
    .attachment-emoji-list ul li a img{
        width:100%;
        height:auto;
    }

    .desc-title h3{
        font-size:30px;
        font-family: 'Poppins',sans-serif;
    }
    .bar-main-container {
        margin: 0;
      width: 100%;
      height: 40px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      font-family: sans-serif;
      font-weight: normal;
      font-size: 0.8em;
      color: #FFF;
      display:inline-block;
  }
  
  .wrap { padding: 8px; }
  
  .bar-percentage {
          float: left;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      padding: 13px 0px;
      width: 100%;
      height: 16px;
      text-align: center;
      line-height: 3px;
      color:#222;
  }
  .name-examination {
          float: left;
      background: rgba(0,0,0,0.13);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      padding: 13px 0px;
      width: 18%;
      height: 16px;
      text-align: center;
      line-height: 0px;
  }
  .bar-container {
        float: right;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 25px;
      background: rgba(0,0,0,0.13);
      width: 78%;
      margin: 0px 0px;
      overflow: hidden;
  }
  
  .bar {
    float: left;
    background: #FFF;
    height: 100%;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  
  /* COLORS */
  .bar-main-container:nth-child(1n) {
      background: #38B1CC;
  } 
  .bar-main-container:nth-child(2n) {
      background: #E44C41;
  } 
  .bar-main-container:nth-child(3n) {
      background: #8E5D9F;
  } 
  .bar-main-container:nth-child(4n) {
      background: #EFC32F;
  } 
  .bar-main-container:nth-child(5n) {
      background: #2CB299; 
  } 
  .degerlendirme-bari {
      width:100%;
  }
  svg{
      width:100%;
      margin-bottom:22px;
      
  }
  .degerlendirme-pie {
      display: inline-block;
      padding-top: 3px;
      width: 15%;
      background-color: #fdb900;
      border-radius: 10px;
      position: relative;
      float: left;
      margin-right: 20px;
      margin-bottom: 10px;
  }
  .ortalama-text {
          width: 100%;
      text-align: center;
      background-color: rgba(20, 20, 20, 0.11);
      display: block;
      padding-top: 0;
      padding-bottom: 0;
      color:#fff;
      position:absolute;
      bottom:0px;
      left:0px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      font-size:13px;
      font-family: 'Poppins',sans-serif;
      font-weight: bold;
      padding:5px;
  }
  .desc-title {
      padding-bottom:5px;
  }
  .desc-title h3 {
      border:inherit;
      margin:0px;
      padding:0px;
  }
  .deger-desc {
      width:100%;
  }
  .desc-entry p {
      color:#666;
      margin:0px;
      padding:0px;
  }
  .degerlendirme-container {
  padding-bottom:7px;
  }
  .bar1 {
          background-color: #fff;
      color: #444;
      text-align: center;
      height:100%;
  }
  .bar-content{
      line-height: 25px;
  }

/*mobil searhc*/
.mobile-live-search{
    position: fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color: #fff;
    z-index: 9999999;
    padding:20px;
}
.mobile-live-search form{
    width:calc(100% - 50px);
    float:left;
    padding-right:10px;
    padding-bottom: 30px;
}
.input-cover{
    position: relative;
    display:inline-block;
    width:100%;
}
.mobil-loader{
    top:-14px;
}
.mobil-loader .loader{
    width:35px;
}
.mobile-search-input{
    width:100%;
    border:none;
    background-color: #fafafa;
    border-radius: 4px;
    height:50px;
    line-height:50px;
    font-size:18px;
    font-family:'Poppins',sans-serif;
    font-weight: 500;
    text-indent: 10px;
    box-shadow: 0 0px 35px 9px rgba(0, 0, 0, 0.09);
}
.mobile-search-input:focus{
    outline:none;
}
.search-close-button{
    display:inline-block;
    float:right;
    width:50px;
    height:50px;
}
.search-close-button a{
    color:#444;
    text-decoration: none;
    display:inline-block;
}
.search-close-button a i{
    width:50px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size:30px;
}
.mobil-search-result{
    width: 100%;
    display: inline-block;
    /* padding-top: 20px; */
    height: 100%;
    overflow: auto;
    padding-bottom: 70px;
}
.search-open-button{
    background-color: #fafafa;
    box-shadow: 0 1px 17px rgba(0, 0, 0, 0.08);
}
.alert-error{
    padding: 10px;
    margin-top: -20px;
    background-color: #ea000e;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    font-size: 13px;
}
.content-in-ads{
    width:350px;
    margin-right: 15px;
    float:left;
    margin-bottom:20px;
}
.widget-ads {
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}
.container-ads {
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #fafafa;
    border-radius: 4px;
    padding: 5px;
    border: 3px dashed #eaeaea;
}
.cover404{
    width:100%;
    display:inline-block;
    text-align: center;
    box-shadow: 0px 0px 115px -10px rgba(169, 169, 169, 0.32);
    border-radius: 6px;
    padding-top:20px;
    padding-bottom:20px;
}
.svg404{
    width:28%;
    height:auto;
    display:inline-block;
    padding:10px;
}
.svg404 img{
    width:100%;
}
.title404{
    font-family: 'Poppins',sans-serif;
    margin-top: 20px;
    font-size: 35px;
    color: #444;
}
.desc404{
    color:#777;
}
.suggest {
    top: 7px;
    z-index: 30;
    text-align: left;
}
.suggest ul{
    width: 220px;
    display:none;
}
.dropdown {
    position: relative;
}
.suggest>.dropdown-menu {
    margin-top: 20px !important;
    position: absolute;
    padding: 0;
}
.hidden {
    display: none!important;
    visibility: hidden!important;
}
.open>.dropdown-menu {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 39px 0px rgba(130, 130, 130, 0.08);
    overflow: hidden;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ff4a03;
    outline: 0;
    
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    transition:0.2s;
    font-family: 'Poppins',sans-serif;
}
.dropdown-menu>li>a:hover{
    background-color: #fafafa;
    transition:0.2s;
}
.suggest .dropdown-menu li{
    border:none !important;
}
.socialDropContent{
    padding-top: 10px;
    list-style: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 5px;
    top: 35px;
    z-index: 4;
    right:0px;
    visibility: hidden;
    padding: 4px 5px 6px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65, 71, 108, 0.08);
    box-shadow: 0 1px 0 0 rgba(139,141,157,.05), 0 5px 18px 0 rgba(65, 71, 108, 0.08);
    border-radius: 5px;
    width: 220px;
    margin-left: 0;
    padding-top: 12px;
    display: inline-block;
}
.socialDropContent li {
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    height: auto;
}
.socialDropContent li a {
    line-height: inherit !important;
    color: #444 !important;
    display: inline-block !important;
    width: 100% !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    height: auto !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 15px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin:0px !important;
}
.socialDropContent li:first-child a {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.socialDropContent li a:hover {
    transition: 0.2s;
    background-color: #fafafa !important;
}
.socialDropContent:before {
    background: linear-gradient(-45deg,#fff 50%,transparent 50%);
    border-radius: 0 0 3px;
    top: -6px;
    right: 25px;
    content: ' ';
    height: 12px;
    position: absolute;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 12px;
    z-index: 121;
    border-right: 1px solid #ff4401;
    border-bottom: 1px solid #ff4401;
}
.ecanGraphHeaderInfo{
    width: 100%;
    display:inline-block;
    padding-left:20px;
    padding-right: 20px;
}
.ecanGraphHeaderInfo .currentCurrency{
    padding:10px;
    font-size:25px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    display:inline-block;
    float:left;
}
.ecanGraphHeaderInfo .currentCurrency{
    position: relative;
    margin-right:20px;
}
.ecanGraphHeaderInfo .currentCurrency .currentCurrencyType{
    position: absolute;
    font-size:10px;
    color:#b7b7b7;
    top: -5px;
    left: 10px;
}
.coin-name a {
    text-decoration: none;
    color:#444;
}
/*

transform: scale(1.05);
    transition:0.2s;
    background: linear-gradient(45deg, #febe2d 0%, #ef4014 100%);

*/