/*========================================================================
   This set of fonts are used in this project under the license: (G7MRK)
 ========================================================================== */
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
body, p , h1, h2, h3, h4, h5, h6, input, button, select, textarea, .tooltip, #kt, .raxo-info, .sp-megamenu-parent, .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-family: FontAwesome,IRANSans !important;
}

#sp-component {
padding-right: 0;
    padding-left: 0;
}

.dl-horizontal dt {
    float: left;
}
/* ========================================================================
   sections :)
 ========================================================================== */
 @media only screen and (min-width: 1400px) {
  .sppb-container,
  .container,
  body .sppb-row-container {
    width: 1335px !important;
  }
}

@media (min-width: 1400px)
.container {
    max-width: 1335px !important;
}

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


a {
    color: #19b5fe;
}
#sp-main-body {
    padding: 50px 0;
    background-color: #eeeff1 !important;
    background-image: url(https://cdn-3.convertexperiments.com/uf/10004913/10005616/1503990105pattern42.png) !important;
    background-repeat: repeat !important;
}


#sp-top-bar {
    letter-spacing: 0px;
  
}
#sp-top-bar .sp-module ul {
          margin-right: -5px;
              margin-top: 3px;
}
#sp-top-bar .nav-tabs {
        border: 5px solid #fff;
    padding: 5px;
    margin-bottom: 1px;

}

#sp-top-bar .nav-tabs > li > a {
             margin-top: -5px;

}

#sp-top1 {
    margin-right: -25px;
        float: right;
  
}
#sp-top2 {
    margin-right: 25px;
    margin-top: 3px;
        float: left;
  
}
#sp-top3 {
 height: 20px;
  
}
#sp-section-5 {
       background-color: #00BCD4;
    display: block;
    position: relative;
    z-index: 0;

}
svg:not(:root) {
       display: block;
    width: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #00bcd4;
    fill: #ededed;
}
div.blog-featured {
    margin-top: 20px;
    
}
#sp-section-6 {
    margin: 80px 0 80px 0;
}



#sp-section-7 {
    margin: 30px 0 30px 0;
    
}
 #sp-section-8 {
     background: #16A085;
    background: -webkit-linear-gradient(left,#f4d03f 5%,#E91E63 50%,#16a085 95%);
    background: linear-gradient(to right,#f4d03f 5%,#E91E63 50%,#16a085 95%);
}
#sp-section-9 {
      background-image: url(../images/isidtw.jpg);
    background-size: cover;
    margin: 0px 0 40px 0;
    padding: 150px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#sp-section-10 {
     background-image: url(../images/isidtw.jpg);
    background-size: cover;
    margin: 0px 0 40px 0;
    padding: 150px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}
#sp-section-11 {
    margin: 0px 0 0px 0;
        border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

#sp-section-11 #sp-title {
        margin-top: 20px;
}
#sp-section-12 {
    background-image: url(../images/isid1.jpg);
    background-size: cover;
    padding: 150px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 50px 0 -125px;;
    
}
#sp-section-14 {
      margin-top: 50px;
    
}

#sp-section-16 {
        background-color: #2b363e;
    margin-top: 50px;
    border-top: 8px solid #e92e2e;
    padding: 5px;
    border-bottom: 1px solid #FF9800;
}
#sp-section-17 {
        background-color: #2b363e;
    margin-top: 50px;
    border-top: 8px solid #e92e2e;
    padding: 5px !important;
    border-bottom: 1px solid #FF9800;
        background-color: #344150;
    padding: 30px 0 40px 0;
}
#sp-section-18 {
       background-color: #344150;
    padding: 30px 0 40px 0;
    
}
#sp-section-19 {
    padding: 30px 0 40px 0;
}




#sp-social {
      color: #d1d3d7;
    height: 150px;
    padding: 30px 0 0;
    border-top: 1px solid #3e4e5f;
        background-color: #344150;
}
#sp-top-bar {
    position: relative;
    border-top: 2px solid #f5821f;
    box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
    background: #0098ab !important;
    border-bottom: 1px solid #fff;
        padding: 0;
            line-height: 1;
}
#sp-header {
    height: 220px;
        background-color: #00bcd4;
}



#sp-top-bar ul >li {
display: inline-block;
    margin-top: 5px;
    font-size: 10px;
}
#sp-top-bar ul >li a:hover {
 color: #fff ! important;
 background: #dd4c3d;
 
    border-radius: 50px;
}
#sp-top-bar ul >li >a {
    font-size: 10px;
    color: #FFEB3B !important;
    border-left: 1px solid #ff9800;
    line-height: 1;
    padding: 0 5px;
    margin-top: 3px;
}
#sp-top-bar ul >li.active a {
    padding: 2px;
       color: #fff;
    background: #ff3364;
    box-shadow: 0 3px 25px -5px #ff3364;
}
.sp-module ul >li >a {
    line-height: 20px;
    color: #FFEB3B;
}
#sp-footer {
      line-height: 30px;
    padding: 5px 0 0;
    border-top: 1px solid #3e4e5f;
    background-color: #344150 !important;
    color: #706d6d !important;
}

#sp-left h3.sp-module-title {
     border-bottom: navajowhite;
    padding: 10px 10px 10px;
    height: 60px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background: #009688;
    margin-bottom: 30px;
}

#sp-right h3.sp-module-title {
       border-bottom: navajowhite;
    padding: 10px 10px 10px;
    height: 60px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background: #999;
    margin-bottom: 30px;
}
#sp-left h3.sp-module-title {
   
       border-bottom: navajowhite;
    padding: 10px 10px 10px;
    height: 60px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background: #009688;
    margin-bottom: 30px;
}
    
#sp-left h3.sp-module-title:before{
    content: "\f0c9";
    margin: 4px 3px 0 6px;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    position: absolute;
    right: 40%;
    top: 30px;
    height: 45px;
    width: 45px;
    line-height: 35px;
    background: #097e73;
}
#sp-right h3.sp-module-title:before{
    content: "\f1a5";
    margin: 4px 3px 0 6px;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    position: absolute;
    right: 40%;
    top: 30px;
    height: 45px;
    width: 45px;
    line-height: 35px;
    background: #999;
}
#sp-right h3.sp-module-title:hover:before, #sp-left h3.sp-module-title:hover:before {


-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease;



}


.sp-module .sp-module-title {
    line-height: 1;
    font-weight: bold;
    padding: 5px;
    color: white;
    font-size: 14px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin: 0 0 15px;
    position: relative;
}
.sp-module ul >li {
    border-bottom: none !important;
}

div#sp-left .sp-module, div#sp-right .sp-module {
    background: #fff;
    padding: 3px;
    border-radius: 0px;
    -webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 1.5px 2.598px 5px 0px rgba(0,0,0,0.1);
}
img {
    display: initial;
}

div.contact  {
background: white;
}
div.profilec  {
        background: #8BC34A url(../images/cover.svg);
    background-size: cover;
    padding: 2.77777778rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    background-position: 50% 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    border: 10px solid #fff;
}
div.profilep  {
    padding: 2.77777778rem;
       background: #FF9800;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 5px solid #FFF;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 30px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
div.profileisid  {
    color: white;
    padding: 2.77777778rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    border: 10px solid #fff;
    background: #ff683e;
    background-image: url(https://www.addthis.com/dietsite-assets/images/homepage/IntroGraphs-0d40ad5540.png),linear-gradient(135deg, #FF5722 0%, #FFC107 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
div.profileinfo  {
   padding: 2.77777778rem;
    margin-top: 15px;
    border-radius: 4px;
    padding-top: 8.33333333rem;
    padding-bottom: 8.33333333rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    border: 10px solid #fff;
    background: repeating-linear-gradient(45deg, #8BC34A 30%, #9C27B0 180%);
}
div.contact-form  {
    padding: 5px;
    color: white;
    border-radius: 2px;
    border: 2px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
}

.accordion-heading .accordion-toggle {
       padding: 8px 15px;
    background: #FFC107;
    border-radius: 5px;
        border: 1px solid #fff;
}
.accordion-inner {
    background: white;
    color: #9E9E9E;
}
#sp-section-18 ul >li:before {
     font-family: "FontAwesome";
    content: " \f111";
    float: right;
    font-size: 5px;
    color: white;
    margin-left: 8px;
}

#sp-user21 ul >li:before {
display: none;
}

ul.form-links {
    background: #ffc601;
    padding: 3px;
}
/* ========================================================================
   +profile
 ========================================================================== */

/* ========================================================================
  +signin module
 ========================================================================== */

.right-bar {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
	background: url(../images/default/right-bar.png) no-repeat left 104%, linear-gradient(-45deg, #fa476f 0%, #f16334 100%);
    background-color: #fa476f;
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-box-shadow: 4px 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 4px 0 5px rgba(0,0,0,0.1);
    box-shadow: 4px 0 5px rgba(0,0,0,0.1);
}
.right-bar a.navigations.home {
    background: transparent;
    color: #fff;
}
.right-bar .inner {
    padding: 30px 25px;
}
.right-bar .inner.top {
    position: relative;
}
.right-bar a.navigations {
    padding: 15px 5px;
    font-size: 14px;
    text-align: center;
    color: #f16334;
    background: #fff;
    border: solid 2px #fff;
    transition: ease-in-out .13s;
    -ms-transition: ease-in-out .13s;
    -webkit-transition: ease-in-out .13s;
    -o-transition: ease-in-out .13s;
    -moz-transition: ease-in-out .13s;
    display: block;
    border-radius: 40px;
    -ms-border-radius: 40px;
    -webkit-border-radius: 40px;
    -o-border-radius: 40px;
    -moz-border-radius: 40px;
}
.right-bar a.navigations:hover {
    background: transparent;
    color: #fff;
}
.right-bar .brand {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-image: url(../images/default/logo-big.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.right-bar .inner.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.right-bar a.navigations.home {
    background: transparent;
    color: #fff;
}
.right-bar a.navigations.home:hover {
    background: #fff;
    color: #fa476f;
}
.right-bar a.navigations i {
    float: right;
    margin: 4px 10px 0;
}
.right-bar a.navigations i.arrow {
    float: left;
    margin: 4px 10px 0;
}
/* ========================================================================
   register page :)
 ========================================================================== */
.login img {
  display: inline-block;
  margin: 20px 0;
}
.login .checkbox input[type="checkbox"] {
  margin-top: 6px;
}
.form-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-registration #sp-main-body,
.view-login #sp-main-body {
padding: 100px 0;
    background-attachment: fixed;
    background-image: url(../images/default/bg.png)!important;
    background-size: 10%;
      
}
.view-registration #sp-main-body .alert,
.view-login #sp-main-body .alert {
  margin-bottom: 80px;
}
.view-registration #sp-main-body .alert.alert-error,
.view-login #sp-main-body .alert.alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.view-registration #sp-main-body .alert.alert-message,
.view-login #sp-main-body .alert.alert-message {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.com-users .reg-login-form-wrap {
    position: relative;
    background: #0ab052;
    margin: 20px 0;
    padding: 20px;
    border-radius: 6px;
        box-shadow: 0 0 0 3px #fff inset;
        border: 3px solid #fff;
}
.com-users .reg-login-form-wrap div.login-logo {
  width: 109px;
  margin: 0 auto;
  left: 0;
  position: absolute;
  right: 0;
  top: -50px;
}
.com-users .reg-login-form-wrap div.login-logo a {
  display: table;
}
.com-users .reg-login-form-wrap .reg-login-title h3 {
    font-weight: 600;
    color: red;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    margin: 0px;
    margin-bottom: 10px;
    background-image: url(../images/other/header-bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em;
    height: 200px;
    border-radius: 10px;
}
.com-users .reg-login-form-wrap .form-validate input {
  border: 1px solid #e4edf5;
  border-radius: 3px;
  box-shadow: none;
  height: 55px;
  padding: 0 0 0 20px;
}
.com-users .reg-login-form-wrap .registration,
.com-users .reg-login-form-wrap .login {
      margin-bottom: 45px;
}
.com-users .reg-login-form-wrap .registration .form-group,
.com-users .reg-login-form-wrap .login .form-group {
  margin-bottom: 24px;
  text-align: left;
}
.com-users .reg-login-form-wrap .registration .form-group .btn-primary.btn-block,
.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block {
  display: inline-block;
  width: auto;
  margin-top: 15px;
      background: red;
}
.com-users .reg-login-form-wrap .registration .form-group p,
.com-users .reg-login-form-wrap .login .form-group p {
  color: #000;
  font-weight: 600;
}
.com-users .reg-login-form-wrap .registration {
  margin-bottom: 0;
}
.com-users .reg-login-form-wrap .registration >p {
  margin-bottom: 0;
  text-align: left;
}
.com-users .reg-login-form-wrap .registration .form-validate .form-group .btn.btn-primary {
    margin-top: 20px;
    margin-bottom: 22px;
        background: red;
    font-size: 16px;
}
.com-users .reg-login-form-wrap .form-links {
  text-align: left;
}
.com-users.view-login .logout {
  text-align: center;
  padding: 100px 0;
  background-color: #fff;
}
.sp-my-account {
  position: relative;
  z-index: 999;
  float: right;
}
.sp-my-account:empty {
  display: none;
}
.sp-my-account .btn-account {
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}
.sp-my-account .btn-account:after {
  content: "\f2bd";
  font-family: fontawesome;
  margin-left: 10px;
}
.sp-my-account .sp-account-info {
  position: absolute;
  top: 23px;
  left: initial;
  right: 0;
  display: none;
}
.sp-my-account ul.nav {
  background: #fff;
  z-index: 100;
  display: table;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  border-radius: 0 0 3px 3px;
  padding: 15px 0;
  margin-top: 17px;
  min-width: 200px;
}
.sp-my-account ul.nav >li>a {
  padding: 6px 15px;
  font-size: 14px;
}
.sp-my-account:hover .btn-account {
  color: #fff;
}
.sp-my-account:hover .sp-account-info {
  display: block;
  -webkit-animation: fadeIn .5s;
  animation: fadeIn .5s;
}
body.rtl .reg-login-form-wrap .registration .form-group p,
body.rtl .reg-login-form-wrap .login .form-group p {
  text-align: right;
}
body.rtl .reg-login-form-wrap .form-validate input {
      background: #f6f6f6;
    border: 0;
    padding: 10px 15px;
    color: #777;
    border-radius: 6px !important;
}
body.rtl .reg-login-form-wrap .registration .form-group,
body.rtl .reg-login-form-wrap .login .form-group {
  text-align: right;
}

body.rtl .reg-login-form-wrap .form-links,
body.rtl .reg-login-form-wrap .registration >p {
    background: #ffc601;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
    right: 0;
    left: 0;
    text-align: center !important;
    position: absolute;
    border-radius: 6px;
    box-shadow: 0 0 0 2px #fff inset;
}

.view-remind form#user-registration, .reset form#user-registration {
margin-top: 75px;
    margin-bottom: 10px;
    background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
    color: white;
}




div.reset-confirm {
    margin-bottom: 10px;
    background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
    color: white;
}


div.btl-note{
 color: #FFEB3B;
}

/* ========================================================================
   menu
 ========================================================================== */
 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title:before {
   font-family: "FontAwesome";
    content: " \f0ab";
    float: right;
    font-size: 12px;
    color: white;
    margin-left: 4px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:before {
    font-family: "FontAwesome";
    content: " \f111";
    float: right;
    font-size: 5px;
    color: white;
    margin-left: 4px;
}
.sticky-wrapper {
    background-color: #00bcd4;
}

body:not(.layout-boxed) #sp-main-menu-sticky-wrapper #sp-main-menu {
    background: #00bcd4;
    margin: 0;
    padding-bottom: 35px;
    border-bottom: 3px solid #ff9800;
    border-top: 3px solid #ff9800;
}
.sp-megamenu-parent >li >a {
   font-size: 10px;
    padding: 0 3px;
    text-shadow: -5px 10px 15px #9C27B0;
}
#sp-main-menu > .container > .row:first-child {
            background: #19cde2;
    background: -moz-linear-gradient(top,#19cde2 0%,#1cabe0 100%);
    background: -webkit-linear-gradient(top,#19cde2 0%,#1cabe0 100%);
    background: linear-gradient(to bottom,#19cde2 0%,#1cabe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19cde2',endColorstr='#1cabe0',GradientType=0 );
    border-bottom: 1px solid #fff;
}

.is-sticky #sp-main-menu > .container > .row:first-child, .is-sticky #sp-main-menu > .container > .row:first-child:before, .is-sticky #sp-main-menu > .container > .row:first-child:after {
background: #E13D32;
}

#sp-main-menu {
    background: #00BCD4;
        border-bottom: 1px solid #ff9800;
    border-top: 1px solid #ff9800;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title {
       border-bottom: 2px solid #3e4e5f !important;
    color: #FFEB3B;
        font-size: 11px;
         padding: 15px 10px 0 25px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #333333;
    border: 1px solid #f44336;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner:before {
    display: none !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
    border-bottom: none !important;
    color: white;
        font-size: 11px;
}


.sp-megamenu-parent >li.active>a {
    color: yellow !important;
    box-shadow: 0 65px 0 0 #ff9800 inset, 0 -65px 0 0 #dfdfe7 inset;
    transition: all .6s ease-in-out 0s;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: yellow !important;
    box-shadow: 0 65px 0 0 #ff9800 inset, 0 -65px 0 0 #dfdfe7 inset;
    transition: all .6s ease-in-out 0s;
}
.sp-megamenu-parent >li:hover>a {
    color: yellow !important;
   box-shadow: 0 65px 0 0 #ff9800 inset, 0 -65px 0 0 #dfdfe7 inset;
    transition: all .6s ease-in-out 0s;
}

.top-search-input-wrap {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 85% !important;
}
body.rtl .sp-megamenu-parent {
    margin-right: -15px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    padding: 0 12px;
}

/* ========================================================================
mega
 ========================================================================== */

 
.sj-megak2items-ii .megaii-wrap {
    margin: 0;
    padding: 0;
    border: 1px solid #ebeef1;
    box-shadow: 0 0 4px #ebeef1;
    -moz-box-shadow: 0 0 4px #ebeef1;
    -webkit-box-shadow: 0 0 4px #ebeef1;
    margin-bottom: 10px;
    background: white;
}
.sj-megak2items-ii .megaii-wrap .megaii-header {
    position: relative;
    background-image: url(../images/stripe-bg.png) !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-transform: uppercase;
    line-height: 24px;
    left: 0;
    letter-spacing: -1px;
    text-indent: 5px;
}

.sj-megak2items-ii .megaii-wrap.theme3 .megaii-header > a {
      float: right !important;
    margin-right: 10px!important;
    padding-Left: 5px !important;
    letter-spacing: -1px;
    text-indent: 30px;
    background: white;
    font-size: 110%;
}

.sj-megak2items-ii .megaii-content .megaii-item {
    float: right !important;
}
.sj-megak2items-ii .megaii-wrap .megaii-tabs-wrap {

    border-bottom: 1px solid #e4e4e4 !important;;
}
.sj-megak2items-ii .megaii-wrap .megaii-tabs-wrap .megaii-tabs-inner ul.megaii-tabs li.megaii-tab {
    float: right !important;;
}
.sj-megak2items-ii .megaii-wrap .megaii-tabs-wrap .megaii-tabs-inner ul.megaii-tabs {
    width: initial !important;
}
.sj-megak2items-ii .megaii-content .item-title, .sj-megak2items-ii .megaii-content .item-image, .sj-megak2items-ii .megaii-content .item-tags, .sj-megak2items-ii .megaii-content .item-desc {
    text-align: justify;
}
.sj-megak2items-ii .megaii-content ul.megaii-other-item li.item-other a {
    line-height: 25px;
    color: #959595;
      margin-right: 10px;
    border-bottom: 1px solid #e8e8e8;
        font-weight: normal !important;
}
.sj-megak2items-ii .megaii-content ul.megaii-other-item li.item-other a:hover {
    color: red;
}
.sj-megak2items-ii .megaii-wrap.theme3 .megaii-content ul.megaii-other-item li.item-other, .sj-megak2items-ii .megaii-wrap.theme4 .megaii-content ul.megaii-other-item li.item-other {
    display: block;
        background: none !important;
}

.sj-megak2items-ii .megaii-wrap.theme3 .megaii-content .megaii-content-catwrap .megaii-all a  {
    -webkit-transition-property: background-position, 0 0;
    -moz-transition-property: background-position, 0 0;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
        transition: 0.8s;
}

.sj-megak2items-ii .megaii-wrap.theme3 .megaii-content .megaii-content-catwrap .megaii-all a:hover{
background-position:0;-webkit-border-bottom-left-radius:50% 20px;-moz-border-radius-bottomleft:50% 20px;
border-bottom-left-radius:50% 20px;-webkit-box-shadow:-5px 10px 15px rgba(0,0,0,0.25);
-moz-box-shadow:-5px 10px 15px rgba(0,0,0,0.25);box-shadow:-5px 10px 15px rgba(0,0,0,0.25);position:relative;z-index:10;
color: red;
}

.sj-megak2items-ii .megaii-wrap .megaii-header > a {
    font-size: 15px  !important;;
    font-weight: bold  !important;;
    color: #9C27B0  !important;;
}

.sj-megak2items-ii .megaii-content .item-info span {
    color: white;
    background-color: #4CAF50;
    height: 15px;
    line-height: 12px;
    width: 15px;
    display: inline-block;
    overflow: hidden;
    padding: 0!important;
    border-radius: 100%;
}
.sj-megak2items-ii .megaii-content .item-info .item-readmore {
    background: none !important;
}
/* ========================================================================
breadcrumb :)
 ========================================================================== */

.breadcrumb>li+li:before {
    content: "/\00a0";
	font-size: 0px;
    padding: 0 5px;
    color: #ccc;
    background: url(../images/other/breadcrumbs.png) no-repeat;
    float: right;
    width: 11px;
    height: 40px;
    margin: 0 15px;
}
.breadcrumb {
    background: #fff;
    height: 100%;
    line-height: 40px;
    padding: 0 20px;
    color: #333;
	box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -ms-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -o-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.breadcrumb a {
   color: #333;
   font-weight: 600;
}
.breadcrumb a:hover {
   color: #F44336;
}
/* ========================================================================
   footer :)
 ========================================================================== */
.footer-logo {
    display: block !important;
    width: 120px;
    height: 120px;
    background: url(../images/other/footer/footer-logo.png) no-repeat center;
    border-radius: 120px;
    margin: 0 auto 0;
    transition: all .2s ease-in;
}
.footer-main-title {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
    margin-top: 5px;
}
.footer-copyright {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
    margin-top: 15px;
}
.footer-copyright2 {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
}
.social-footer {
    width: 300px;
    height: 50px;
    margin: 25px auto 0;
}
.social-footer-icon {
    display: block;
    width: 50px;
    height: 50px;
    font-size: .9em;
    color: #fff;
    line-height: 50px !important;
    text-align: center;
    margin-right: 0;
}
.social-footer a:hover {
    background: rgba(255,255,255,.3);
}
.social-footer a {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50px;
    background: rgba(255,255,255,.1);
    margin-right: 5px;
    margin-left: 5px;
    transition: all .2s ease-in;
}
ul.social-icons >li a {
    color: #19b5fe;
}
ul.social-icons >li {
    display: inline-block !important;
    margin: 0px;
}
.footer-logo:hover {
    background-color: rgba(255,255,255,.1);
}
#sp-footer a {
    color: #FFEB3B !important;
    border-left: 1px solid #d4d4d4 !important;
    line-height: 1;
    padding: 0 5px;
    font-size: 11px;
    
}
#sp-footer a:hover {
   color: #0ab052 !important;
background: rgba(255,255,255,.1);
border-radius: 50px;
}


#sp-section-18 ul > li > a:hover {
    color: #f01616 !important;
    background: rgba(255,255,255,.1);
    border-radius: 50px;
}
#sp-footer ul >li {
    display: inline-block;
}

ul.social-icons >li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    background-color: #3e4e5f;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
}
body.rtl .sp-contact-info {
    float: left;
    text-align: left;
        direction: ltr;
}
.sp-copyright .text-left {
    float: left;
    text-align: right;
}
body.rtl .text-right {
    text-align: justify;
}
#sp-footer .sp-copyright {
    color: #c2c2c2;
    text-align: justify;
        font-size: 10px;
}
/* ========================================================================
com s
 ========================================================================== */
body.com-search.view-search .search {
     background: #fff;
    padding: 35px 30px;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-bottom: 30px;
}

/* ========================================================================
komento
 ========================================================================== */
#kt {
    background: #fff;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -ms-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -o-box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#kt .kt-title-bar {
    background-color: #f7f7f7;
}


#kt .is-empty .o-empty {
    background: #FFC107;
    color: white;
    min-height: 100px;
}

div.kmt-form-area {
     padding: 10px;
    border: 1px solid #e4e4e4;
    margin: 2px;
    margin-top: 10px;
}
#kt .kt-comments {
    margin: 2px 2px 16px 2px;
        padding: 2px;
}
#kt .o-flag {
    display: table;
    width: 100%;
    padding: 3px;
    border: 1px solid #ddd;
    font-size: 12px;
}
#kt .kt-form-title {
    color: inherit;
}
.kt-form-title i {
    color: #f44336;
    font-size: 23px;
    margin-left: 10px;
}
#kt .kt-form-editor, #kt .kt-editor-info, #kt .o-form-control {
    border: none;
}
#kt .kt-form-editor__textarea {
    padding: 60px 30px 22px 60px !important;
        width: 100% !important;
}



#kt .o-label--primary {
    background-color: #6ac747 !important;
    padding: 15px;
    border-radius: 16px 16px 0 16px;
    position: absolute;
    left: 0;
    padding: 10px 15px;
    margin-left: 2px;
}
.o-media a {
    color: #888;
}

#kt .markItUpHeader {
    border-bottom: none !important;
}
#kt .kt-form__title-bar {
   margin-bottom: 10px;
   padding: 5px;
}
#kt label {
    font-weight: 400;
}
#kt .o-form-control {
    background-color: #f2f2f2;
	height: 100% !important;;
}
#kt .kt-form input[type=text] {
    border: none !important;
	padding: 15px !important;
	box-shadow: none !important;
}
.kt-comment-message {
    line-height: 2.2;
	background: #fbfbfb;
    padding: 15px;
	border-radius: 3px;
    color: rgb(135, 135, 135);
}
.kt-comment-message{
	margin-top: 20px;
}
.kt-reply-wrap {
     background-color: #7B1FA2;
    background-image: linear-gradient(30deg,#cc00ff,#7b1fa2);
    box-shadow: 0 7px 20px -4px #ad12db;
    border-radius: 5px;
    padding: 3px 10px;
}
#kt .kt-comment-content-action a {
    color: #fff !important;
}
.kt-reply-wrap:before {
      content: "\f112" !important;
    font-family: FontAwesome;
}
.kt-reply-wrap:hover {
    background: #ff3030;
}

#kt .o-avatar img {
    border: 2px solid #4CAF50;
    padding: 3px;
    border-radius: 50%;
    margin-left: 10px;
        background: #FFC107;
}
#kt .kt-comments__item.is-child .o-avatar img {
    border: 2px solid #f00;
}
#sp-right .sp-module .mod-kt-comments .o-avatar {
    width: 40px;
    height: 40px;
}
#sp-right .sp-module .mod-kt-comments .o-avatar {
    width: 40px;
    height: 40px;
}

#kt .kt-comments__item.is-child {
    background: #fff;
}
#kt .kt-comments__item.is-child .kt-comment-meta span, #kt .kt-comments__item.is-child .kt-comment-content__hd span {
    border-radius: 20px;
    padding: 10px;
    color: #fff;
}
#kt .kt-comments__item.is-child .kt-comment-meta span {
    background: #ff3030;
}
#kt .kt-counter-wrap>.btn-group>a>i {
    color: #ff3030;
}
#kt .kt-comments__item {
    margin-bottom: 15px;
}
#kt .kt-comments__item:first-child {
    border-radius: 0;
}
.widget-comment {
    margin-top: 15px;
	z-index: 9;
}
.mod-kt {
    padding: 15px;
}
#kt .kt-comment-tools {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
        line-height: 50px;
}
#kt .kt-dashboard-tab__item {
    background: #f44336;
    padding: 5px;
    color: #fff;
            font-weight: normal;
}
#kt .kt-dashboard-tab__item.is-active {
      background: #4CAF50;
    padding: 5px;
    color: #fff;
        border-radius: 10px;
}
#kt .kt-dashboard-tab__link, #kt .is-active .kt-dashboard-tab__link {
    color: white;
}

#kt .o-grid__cell--center {
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    color: #fff;
    background: #03a9f4;
    padding-top: 16px;
    line-height: 33px;
    width: 100%;
    font-size: 14px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#kt .kt-ratings-title {
    padding-left: 25px;
}
.i-comment-item {
    background-color: #fff;
    box-shadow: 0 9px 13px -2px rgba(0, 0, 0, 0.3);
    padding: 20px 40px;
    z-index: 1;
    border-radius: 8px;
}
.module-name, .raxo-bricks .raxo-name {
    line-height: 40px;
    margin: 0;
    font-size: 14px;
    color: #2ca4e0;
    border-bottom: 2px solid #f5f5f5;
	margin-bottom: 15px;
}

.kt-comment-message {
    line-height: 2.2;
    background: #e6e6e5;
    padding: 15px;
    border-radius: 22px;
}
.kt-comment-message:after {
     content: "";
    position: absolute;
    z-index: 0;
    top: 50px;
    left: -1px;
    height: 15px;
    border-bottom-left-radius: 16px 14px;
    border-right: 20px solid #e6e6e5;
}
#kt .kt-comments__item.is-child .kt-comment-message {
    background: #6ac747;
    color: #fff;
}
#kt .kt-comments__item.is-child .kt-comment-message:after {
      content: "";
    display: block;
    position: absolute;
    border-color: #6ac747 !important;
    right: -2px;
    height: 15px;
    border-bottom-right-radius: 16px 14px;
}

#kt .o-flag__image {
    padding: 0;
    width: auto;
    float: left;
}
#kt .o-flag__body {
    width: 90%;
    float: right;
        text-align: justify;
}
#kt .kt-comments__item.is-child .o-flag__image {
    padding: 0;
    width: auto;
    float: right;
}

#kt .kt-title-bar__title {
    color: black;
}
#kt .kt-comment-meta>li a {
    color: WHITE;
}
#kt .btn-kt-primary {
     background: #E13D32 !important;
    color: yellow !important;
}
#kt .t-lg-text--right, #kt .t-text--right {
    display: none;
}
/*----------------------------------------------------------------------
ISID STORY
----------------------------------------------------------------------*/


.tooltip-inner {
    padding: 10px 15px;
     background: #9C27B0 !important;
    color: white !important;
        border-radius: 4px !important;
}
.tooltip.top {
    margin-top: -10px;
}
#sp-page-title {
	background-color: #00BCD4;
}

#sp-title {
        margin-top: 100px;
}
.sp-module {
    margin-top: 30px;
}
.offcanvas-menu .offcanvas-inner {
    padding: 2px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    background-image: url(../images/other/header-bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	height: 150px;
}
.offcanvas-menu {

    background: #039b45;
    background: -webkit-linear-gradient(left, #039b45 5%, #13cc64 50%, #039b45 95%);
    background: linear-gradient(to right, #039b45 5%, #13cc64 50%, #039b45 95%);
}
.offcanvas-menu .offcanvas-inner .sp-module {
    padding: 20px;
} 
body.rtl .close-offcanvas {
    background: #ea0096;
    color: #555;
}

.close-offcanvas {
    width: 50px;
    height: 50px;
    line-height: 1.8;
    font-size: 25px;
    border: 1px solid #ea0096;
    box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
}
#offcanvas-toggler {
    float: right;
    font-size: 20px;
    width: 75px;
    line-height: 60px;
    text-align: center;
    margin: 0;
    background-color: rgba(0,0,0,0.15);
}

/*********************
  Buttons
**********************/
a.readon {
    height: 30px;
    padding: 0 0 0 15px;
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: 0.9s;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    background-color: #FF9E59;
    box-shadow: 0 2px 0 0 #FF9E59 inset;
    -webkit-box-shadow: 0 2px 0 0 #FF9800 inset;
        margin-top: 10px;
}
a.readon:before {
      content: "\f104";
    font-size: 13px;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    background-color: #EF6C00;
}

.btn:first-child {
    border: none !important;
    background: #E91E63;
    color: white;
    border-radius: 25px;
    transition: .9s;
    -webkit-transition: .9s;
    box-shadow: 0 0 0 1px #FFC107 inset;
    line-height: 31px !important;
    padding: 5px 10px;
    height: 40px !important;
}

select {
        width: auto !important;
    border-radius: 0;
}

.btn:first-child:hover {
   background: #fff;
    color: #fff;
        box-shadow: 200px 0 0 0 #FF9800 inset;
}
.btn-isid {
    transition: .9s;
    -webkit-transition: .9s;
    box-shadow: 0 0 0 1px #4caf50 inset;
    border: 0;
    margin: 0px 10px 5px 5px;
    background-color: #4caf50;
    height: 35px;
    padding: 0 0 0 10px;
    display: inline-block;
    font-size: 11px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;

}

.btn-isid:hover {
   background: #fff;
    color: #fff;
        box-shadow: 200px 0 0 0 #03A9F4 inset;
          
}


.btn-isid:before {
      content: "\f07a";
    margin-left: 7px;
    line-height: 33px;
    transition: all .3s ease-in-out;
    font-family: fontawesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 6px solid #f9a110;
    height: 40px;
    width: 40px;
    margin-right: -10px;
    margin-top: -3px;
    background: #62b965;
}

.btn-isid:before:hover {
   background: #fff;
    color: red;
}


.btn-isid:after {
    content: "\f023";
    color: #FFEB3B;
    margin-right: 5px;
}

.btn, .sppb-btn {
  line-height: 31px;
  padding: 5px 10px;
  border: 0;
  margin: 0px 5px 5px 3px;
  border-radius: 25px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
      background-image: linear-gradient(80deg, #00aeff, #3369e7);
    box-shadow: 0 2px 6px 0 rgba(51,105,231,0.4);
}




.checkout-isid {
    font-size: 12px;
    color: #fff;
    transition: .9s;
    -webkit-transition: .9s;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    border-radius: 10px;
    box-shadow: 0 0 0 1px #2196F3 inset;
}

.button_white, .button_color, .button_dark {
       color: #fff;
    background: #E91E63;
        border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: auto;
    box-shadow: 35px 0 0 0 #673AB7 inset;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    display: table;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    cursor: pointer;
    margin-top: -30px;
}

a.readon:hover {
 background: #fff;
    box-shadow: 200px 0 0 0 #000 inset;
    color: #fff;
}
a.readon:hover:before {
    
 background: #03A9F4;
    color: #fff;
}

.btn-s {
    font-size: 12px;
    line-height: 10px;
    height: 30px;
    padding: 10px;
    background: #FF9800;
}

/*********************
  Shadows
**********************/
.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1, .btn, .sppb-btn, .btn-floating {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half, .btn:hover, .btn-floating:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.hoverable:hover {
  transition: box-shadow 0.25s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



textarea {
    width: 300px!important;
    height: 200px;
}

/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
#k2Container {
	padding: 0;
}

#k2Container h1, #k2Container h2, #k2Container h5, #k2Container h6 {
	font-family:inherit;
	font-weight:300;
	line-height:normal;
	margin:15px 0;
	font-size:220%;
	display:block;
	clear:both;
	padding:0;
}

#k2Container h3 {
	margin: inherit;
        padding: 2px;
        padding-right: 5px;
        padding-left: 5px;
            font-size: inherit;
            color: #fff;
                display: inline-block;
}

#k2Container h4 {
     line-height: 3;
    margin: 7px 0;
    font-size: 12px ! important;
    display: block;
    clear: both;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 5px solid #fff;
    color: #fff;
    background-color: #ee6e73;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#k2Container .componentheading{
	    border-bottom: 1px solid #9E9E9E;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    background: khaki;
    border-radius: 0px;
    margin-bottom: 10px;
}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {
       line-height: 1.2 !important;
    background: #673AB7 !important;
    text-align: center;
    border-radius: 0px !important;
    border: 0px !important;
}
/*----------------------------------------------------------------------
K2 pagination
----------------------------------------------------------------------*/
div.k2Pagination {
    text-align: center;
    padding: 0 0 10px;
    background: #d04b50;
    border: 5px solid #fff;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
        direction: ltr;
            margin-bottom: 15px;
}
div.k2Pagination ul {
    text-align: center;
    color: #fff;
    background-color: #ee6e73;
    width: 100%;
    height: 56px;
    line-height: 75px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-top: 10px;
}


ul.pagination >li >a, ul.pagination >li >span {
    line-height: 30px !important;
    width: 30px !important;
    height: 30px !important;
    background: #fff !important;
    border-radius: 50px!important;
    border: none !important;
    font-weight: 500;
    font-size: 12px;
}
div.k2Pagination ul li a, div.k2Pagination ul li span {
padding: 5px; border: 1px solid #dfe4ee; border-right: none; color: #1f2024; background: #e7eefa;
     margin-top: 10px;
         border: none;
}

ul.pagination >li.active >a, ul.pagination >li.active >span {
    background: #3F51B5 !important;
    color: #fff !important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    background: #03A9F4 !important;
    color: #fff !important;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    background: #FFC107 !important;
}
/*----------------------------------------------------------------------
Category view html/com_k2/default/category.php
----------------------------------------------------------------------*/
/* main category*/
div.itemListCategory {
    background-image: url(/images/banners/cimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 100%;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    border: 4px solid #fff;
}

div.subCategory h2 a {
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #fff;
}
div.subCategory h2 {
    text-align: center;
}
div.subCategory h2 a:hover {
     color: #000;
}

div.itemListCategory h2 {
     font-size: 15px !important;
    box-shadow: 120px 0 0 0 #FFEB3B inset;
    color: white;
    background: #ec0000;
    z-index: 1;
    padding: 0 5px !important;
    height: 30px;
    line-height: 25px !important;
    position: relative;
}

div.itemListCategory h2:before {
     content: '';
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #ec0000;
}

div.catItemIntroText {
     padding: 5px !important;
    border: 1px solid #e4e4e4;
    font: normal 12px/18px IRANSans,arial,tahoma;
    line-height: 20px;
   text-align: justify;
}
div.itemIntroText img, div.itemFullText img, div.catItemIntroText img {
     border-radius: 8px 8px;
    box-shadow: 0 25px 20px -21px rgba(0,0,0,0.57);
}
/* main category image*/
div.itemListCategory img {
	margin: 0 40px 10px auto;
    border: 4px solid #00BCD4;
    border-radius: 100%;
        background: #16A085;
    background: -webkit-linear-gradient(left,#f4d03f 5%,#E91E63 50%,#16a085 95%);
    background: linear-gradient(to right,#f4d03f 5%,#E91E63 50%,#16a085 95%);
}


div.itemListCategory img:before {
     content: "\f07c";
    font-size: 50px;
    width: 150px;
    height: 150px;
    color: #fff;
    line-height: 3;
    display: inline-block;
    border: 4px solid #FFEB3B;
    background-color: #03A9F4;
    border-radius: 100%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 10px;
     position: absolute;
}




div.subCategory {
    margin: 0 0 50px 0;
    padding: 0;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    border: 10px solid #fff;
    background: #ff683e;
    background-image: url(https://www.addthis.com/dietsite-assets/images/homepage/IntroGraphs-0d40ad5540.png),linear-gradient(135deg, #FF5722 0%, #FFC107 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.subCategoryMore:hover{

 background: #fff;
    box-shadow: 200px 0 0 0 #000 inset;
    color: #fff;
}


/* sub cat image*/
div.subCategory a.subCategoryImage img {
display: none;
    
}

div.subCategory a.subCategoryImage:before {
     content: "\f07c";
    font-size: 50px;
    width: 150px;
    height: 150px;
    color: #fff;
    line-height: 3;
    display: inline-block;
    border: 4px solid #FFEB3B;
    background-color: #03A9F4;
    border-radius: 100%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 10px;
}



div.subCategory a.subCategoryImage:hover:before{

-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease;

    border: 1px dashed #fff;

}

div.subCategory p {
	margin: 0 auto 30px auto;
}
div.k2FeedIcon {
    z-index: 200;
    padding: 20px;
    text-align: center;
    float: right;
    font-size: 15px;
    border-radius: 50%;
    border: 4px solid #FF9800!important;
    background-color: #fff;
    margin-right: -25px;
        position: relative;
}
div.catItemTagsBlock span {
    box-shadow: 0 8px 6px -6px black;
 padding: 3px 0;
    display: inherit;
    background-color: #fff !important;
    line-height: 1 !important;
    margin: 1px 0px 5px 0px !important;
    color: #555 !important;
   
}
/* catItemReadMore */
/* catItemDateModified */
span.catItemDateModified{
	padding:10px 0;
	margin:0;
	text-align:left;
	border-top:none;
	border-bottom:1px solid #e4e4e4;
}
div.catItemReadMore a:hover {
     background: #fff;
    box-shadow: 200px 0 0 0 #000 inset;
    color: #fff;
}
div.catItemHeader span.catItemDateCreated {
  position: absolute !important;
    left: 15px;
    top: -1px;
    background-color: #e7512f;
    margin: 0;
    letter-spacing: -0.5px;
    width: 70px;
    height:60px;
    color: #FFF !important;
    text-align: center;
    padding: 5px 0 0;
    line-height: 2 !important;
}

div.catItemHeader span.catItemDateCreated:after {
         content: "";
    border-color: #e7512f transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 4;
    width: 0;
    height: 0;
    border-style: solid;
    border-left: 35px solid transparent;
    border-top: 20px solid #F44336;
    border-right: 35px solid transparent;
    border-bottom: 0px solid transparent;
}
/* secondary items are same as primary. if you would like to change them just copy
class name above and add div#itemListSecondary before the class name and space it
like example below */
/*div#itemListSecondary h3.catItemTitle{
	font-size:30px;
}*/
/* cat list item listlinks*/
#itemListLinks div.catItemImageBlock {
	float:left;
	padding:5px!important;
}
h3.catItemTitle {
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 3 !important;
    color: #fff;
    background: #51c847;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin-top: 5px !important;
        display: block !important;
 
}

h3.catItemTitle:hover {
background: #d0ab65;
color: #fff;
    transition: all .3s ease-out;
 
}

div.catItemHeader h3.catItemTitle{
      margin: 0 !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 3 !important;
    text-align: center;
    color: #000;
    background: bisque;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
        margin-bottom: 5px !important;
            display: block !important;
}
div.tagItemHeader {
    margin-bottom: 10px;
        margin-top: 75px;
        background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
    
}
div.tagItemHeader h2.tagItemTitle {
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 3 !important;
    text-align: center;
    color: #000;
    background: bisque;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


div.tagItemHeader h2.tagItemTitle a {
        background-image: linear-gradient(30deg,#e10613,#0ab241);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    color: transparent;
    padding: 2px;
}


div.tagItemHeader h2.tagItemTitle a:hover {
    color: #e10613;
}


div.catItemBody {
    margin-top: 40px;
         border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        border-top: 6px solid #e7512f;
}
div.tagItemCategory span {
    color: #Fff;
}

div.tagItemHeader span.tagItemDateCreated {
         position: absolute !important;
    left: 15px;
    top: -10px;
    background-color: #e7512f;
    margin: 0;
    display: inline-block;
    letter-spacing: -0.5px;
    width: 70px;
    height: 70px;
    color: #FFF;
    text-align: center;
    padding: 5px 0 0;
    line-height: 2;
}
div.tagItemHeader span.tagItemDateCreated:after {
    content: "";
    border-color: #e7512f transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 4;
    width: 0;
    height: 0;
    border-style: solid;
    border-left: 35px solid transparent;
    border-top: 20px solid #F44336;
    border-right: 35px solid transparent;
    border-bottom: 0px solid transparent;
}
/*----------------------------------------------------------------------
Cat item view  html/com_k2/default/category_item.php
----------------------------------------------------------------------*/
div.catItemView {
	    background: #fff;
}


div.catItemView a {
	    color: #fff;
}

/* cat item image */
/* this div should have bg color or border if you need some around image styling*/
div.catItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
span.catItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
/* if you need border around image only this is where you should add it */
span.catItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.catItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
.groupPrimary {
    padding: inherit !important;
}
/* cat title */
div.catItemCategory {

    float: right;
}
div.catItemCategory a {
       font-size: 11px;
    color: #FFEB3B;
}
div.catItemCategory span {
    margin-left: 5px;
}
div.itemHeader span.itemDateCreated {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    float: right;
    color: #fff !important;
    background-color: #673ab7;
    border-radius: 100px !important;
    margin-left: 7px;
        padding-left: 2px !important;
    height: 25px;
        font-size: 9px !important;
}
div.itemCategory {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff !important;
    background-color: #FF9800;
    border-radius: 100px !important;
            padding-left: 2px !important;
            height: 25px;
                float: right;
}
div.itemCategory:hover {
    color: black;
    background-color: #FF9800;
}
span.itemHits {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
       color: #fff !important;
    background-color: #E91E63;
    border-radius: 100px !important;
        padding-left: 2px !important;
    line-height: 1.2;
        height: 25px;
}
/* secondary items are same as primary. if you would like to change them just copy
class name above and add div#itemListSecondary before the class name and space it
like example below */

.itemContainer div.more_links {
      border: 1px solid #03A9F4;
    color: white;
    font-size: 12px;
    display: inline-block;
    height: 60px;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.itemContainer div.more_links > div {
     float: left;
    padding: 15px !important;
    border-right: solid 1px #eee;
    margin: 0 !important;
    z-index: 100;
    position: relative;
}
.itemContainer div.more_links > div a {
    color: #fff;
}
/*----------------------------------------------------------------------
Item view html/com_k2/default/item.php
----------------------------------------------------------------------*/

div.itemView .post_holder {
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding: 40px;
}
.view-item .itemBody {
    margin-bottom: 20px;
}
div.itemHeader h2.itemTitle {
 font-weight: bold !important;
    font-size: 12px !important;
    line-height: 3 !important;
    padding-right: 5px !important;
    text-align: center;
    color: #000;
    background: bisque;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* toolbar fot res, print etc*/
div.itemToolbar {
 border-bottom: 1px solid #9E9E9E;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    background: khaki;
    margin-bottom: -6px !important;
    display: block;
    padding: 8px !important;
    width: 100%;
    

}
div.itemToolbar ul > li:first-child {
    border: none;
    margin-left: -34px;
}
div.itemToolbar ul {
	float:left;
}
div.itemToolbar ul li {
	    border-right: 1px solid #FF5722 ! important;
}

/* item header */
div.itemHeader{
        margin: 0;
    margin-top: 10px;
       background: #90a93d!important;
    padding: 5px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
}


/* item text*/
div.itemIntroText {
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
        line-height: 25px !important;
        text-align: justify;
}
div.itemFullText {
    border-bottom: 1px solid #d2d2d2;
    padding: 4px 0 5px 0;
   color: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
        line-height: 25px !important;
        text-align: justify;
}
div.itemFullText p {
   color: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
        line-height: 25px !important;
        text-align: justify;
}

div.itemFullText ul, div.itemIntroText ul, div.catItemIntroText ul, div.tagItemIntroText ul {
margin-right: -40px;

}
div.itemFullText ul li, div.itemIntroText ul li, div.catItemIntroText ul li, div.tagItemIntroText ul li {
    list-style: none;
}

div.itemIntroText ul li:before {
    content: "\f046";
    color: red;
    padding-left: 8px;
        font-family: fontawesome;
}

div.itemFullText ul li:before , div.catItemIntroText ul li:before{
    content: "\f046";
    color: #4be026;
    padding-left: 8px;
        font-family: fontawesome;
            float: right;
}

div.tagItemIntroText ul li:before{
    content: "\f046";
    color: #9C27B0;
    padding-left: 8px;
        font-family: fontawesome;
}
div.tagItemIntroText {
       padding: 5px;
    border: 1px solid #dadada;
    line-height: 20px;
        text-align: justify;
}
div.tagItemExtraFields {
    margin-top: 10px;
    margin-right: -1px;
    margin-bottom: 0px;
    margin-left: -0px;
    padding: 4px 30px;
    padding-top: 4px;
    padding-right: 30px;
    padding-bottom: 4px;
    padding-left: 30px;
    background: #FFC107;
    border: 1px solid #03A9F4;
}
div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {
  background: #9C27B0;
    padding-right: 3px;
    color: white;
    float: right;
    width: 48%;
    font-size: 10px;
}
div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {
float: left;
    background: #4CAF50;
    color: white;
    width: 48%;
    padding-right: 3px;
    font-size: 10px;
}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
    display: block;
    font-weight: bold;
    margin: 0 4px 0 0;
    background: #9C27B0;
    padding-right: 3px;
    color: white;
    float: right;
    width: 48%;
    font-size: 10px;
    margin-top: 1px;
}
div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {
    float: left;
    background: #4CAF50;
    color: white;
    width: 48%;
    padding-right: 3px;
    font-size: 10px;
    margin-top: 1px;
}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {
    float: left;
    background: #4CAF50;
    color: white;
    width: 48%;
    padding-right: 3px;
    font-size: 10px;
    margin-top: 1px;
}
div.tagItemExtraFields h4 {
      border-bottom: 1px solid #E4E4E4;
    background: white !important;
    color: black !important;
    line-height: 1.2 !important;
    border-radius: 0px !important;
    border: 0px !important;
}
div.catItemExtraFields, div.genericItemExtraFields {
       padding: 4px 30px;
    background: #FFC107;
    border: 1px solid #03A9F4;
}
div.tagItemCategory {
    transition: 0.4s;
    -webkit-transition: 0.4s;
    padding: 15px;
    border-radius: 0 !important;
}

div.tagItemCategory:hover {
    background: #fff;
    box-shadow: 200px 0 0 0 #000 inset;
    color: #fff;
}
div.tagItemCategory a {
    color: #fff;
}
/* item links*/
div.itemLinks {
    margin: 0 0 30px 0!important;
    background: antiquewhite;
    font-size: 11px;
    border: 10px solid #fff;
    text-align: justify;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 1px !important;
}

/* rating*/
div.itemRatingBlock {
    display: inline-flex;
}
div.userItemReadMore a{
	margin:20px 0;
margin-right: 5px;
}

/* item image*/
/* this div should have bg color or border if you need some around image styling*/
div.itemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	float: none;
}
span.itemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
/* if you need border around image only this is where you should add it */
span.itemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.itemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
/*socials*/
div.itemSocialSharing {
    background: white;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/*item contnet footer*/
div.itemContentFooter{
	margin:0;
	border-bottom:1px solid #e4e4e4;
}
/* item author*/
div.itemAuthorBlock {
 margin: 30px 0 30px 0 !important;
    border: 10px solid #fff;
    text-align: justify;
    background: #FF5722 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 1px !important;
        border-radius: 0px !important;
}

div.itemAuthorBlock div.itemAuthorDetails {
    padding: 5px;
    border: 1px solid #FFEB3B;
    text-align: right;
    background: url(../images/bb.png);
    background-color: #8BC34A;
    background-size: 300px 300px, auto;
}
.whiteTitle {
    border: 1px solid #FFEB3B !important;
    margin-bottom: 5px !important;
    background: url(../images/bb.png) !important;
    background-color: #00BCD4 !important;
    background-size: 300px 300px, auto !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
    text-align: right !important;
    color: #fff !important;
    margin: 1px 0px 2px 0px !important;
}

div.itemAuthorLatest ul li {
    margin: 0 0 10px 0;
    text-align: justify;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 15px;
}

div.itemRelated li {
padding:0;
	border:none!important;
    color: black;
    list-style: none;
}
div.itemRelated li img {
	border: 1px solid #d5d5d5;
	border:none;
	float:left;
	margin:0;
list-style: initial;
}

/* item author block */
div.itemAuthorBlock img.itemAuthorAvatar{
       float: right;
    margin: 5px !important;
    height: 60px;
    width: 60px;
    background: none;
        padding: 4px;
}

.view-item div.itemAuthorBlock .itemAuthorDetails h3.itemAuthorName a {
    color: white !important;
    background: #ec0000;
    z-index: 1;
    font-size: 11px;
    padding: 0 20px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    position: relative;
    display: inline-block;
}

.view-item div.itemAuthorBlock .itemAuthorDetails h3.itemAuthorName a:before {
      content: '';
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -3px;
    border-left: 20px solid transparent;
    border-top: 20px solid #ec0000;
}

div.itemIsFeatured:before {
    z-index: 10;
    width: 55px;
    height: 55px;
    margin-right: 92%;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    border: 4px solid #90a93d!important;
    background-color: red;
    text-align: center;
    position: absolute;
    line-height: 25px;
    padding: 10px;
}
div.catItemIsFeatured:before {
    text-align: center;
    z-index: 10;
    left: 25px;
    color: white;
    border-radius: 50%;
    border: 4px solid #90a93d!important;
    background-color: red;
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    padding: 5px;
    line-height: 26px;
    top: 110px;
    margin-left: 13px;
}
div.userItemIsFeatured:before {
    text-align: center;
    z-index: 10;
    left: 25px;
    color: white;
    border-radius: 50%;
    border: 4px solid #90a93d!important;
    background-color: red;
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    padding: 5px;
    line-height: 26px;
        top: 30px;
    margin-left: 13px;
}

div.userItemHeader h3.userItemTitle:before {
    content: "\f044";
    font-family: fontawesome;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    border: 4px solid #03A9F4!important;
    background-color: #F44336;
    text-align: center;
    position: absolute;
    margin: -5px -30px 0px 0px;
    width: 45px;
    height: 45px;
    padding: 5px;
    display: inherit;
    line-height: 26px;
}

div.itemHeader h2.itemTitle span sup {
        position: absolute;
    left: 40px;
    top: 40px;
    transform: rotate(-41deg);
    z-index: 200;
    font-size: 10px;
}

div.catItemmHeader h2.catItemTitle span sup {
     color: #FFEB3B;
    position: absolute;
    left: -1px;
    top: 20px;
    transform: rotate(-41deg);
    z-index: 200;
    font-size: 120px;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail{
         background: #FFf;
    padding: 0 0 0 10px;
    display: inline-block;
    line-height: 28px;
    border-radius: 3px;
}
/* item author latest*/
div.itemAuthorLatest,  {
           float: right;
    width: 100%;
    margin: 5px 0 !important;
}

div.itemAuthorLatest ul li a:hover {
    color: red !important;
}
div.itemAuthorLatest h3 {
   color: #FFF;
    height: 35px;
    background: #009688;
    line-height: 35px;
    border-radius: 5px;
}
/* item related*/
a.itemRelTitle{
    color: #03A9F4 !important;
	display:block;
    margin-right: 15px;
    padding: 6px 0px;
text-align: justify;
    border-bottom: 1px solid #e4e4e4;
        font-family: iransans;
}
a.itemRelTitle:hover {
    color: red !important;
}
div.itemRelated h3 {
     color: #FFF;
    height: 35px;
    background: #009688;
    line-height: 35px;
    border-radius: 5px;
}
div.itemRelAuthor{
	float:left;
	margin:0 10px 0 0;
}
div.itemRelIntrotext{
	display:table;
}

/* itemNavigation*/

div.itemNavigation a.itemNext, div.itemNavigation a.itemPrevious {
    border-bottom: 1px solid #e4e4e4;
        margin-right: -22px;
}

div.itemTwitterButton {
    float: right;
}
div.itemFacebookButton {
    float: right;
}
div.itemGooglePlusOneButton {
    float: left;
    margin-left: 20px;
}
/*----------------------------------------------------------------------
k2 user items view    html/com_k2/default/user.php
user page is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .userView before the class 
you need to change example: .userView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.userBlock {
      background: url(../images/bb.png);
    background-size: 300px 300px, auto;
    border: 10px solid #fff;
    text-align: justify;
    background-color: #8BC34A;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
div.latestItemsUser {
  margin: 0px;
    background: url(../images/bb.png);
    background-size: 300px 300px, auto;
    border: 10px solid #fff;
    text-align: justify;
    background-color: #FF9800;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
}
div.userBlock img, div.latestItemsUser img {
    height: 100px !important;
}
div.userBlock h2 {
	text-align: right;
}
div.userItemIntroText {
    padding: 5px;
    border: 1px solid #e4e4e4;
    font: normal 12px/18px IRANSans,arial,tahoma;
    line-height: 20px;
    text-align: justify;
}
div.userBlock div.userDescription {
    margin-top: 20px;
}
div.userItemView {
	padding: 0;
	margin: 0 0 50px 0;
	max-width: 100%;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
}
div.userItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}
span.userItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.userItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.userItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
h3.userItemTitle {
	text-align: center;
}
div.userItemHeader h3.userItemTitle {
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 3 !important;
    background: antiquewhite;
    border-right: 1px solid #009688;
    border-left: 1px solid #009688;
    padding-right: 5px !important;
    text-align: center;
    border-radius: 30px;
        display: block !important;
}
div.userItemReadMore .button_dark {
	margin: 0 auto;
}
div.userItemHeader {
    margin-bottom: 10px;
    background: #FFC107!important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
}
div.userItemCategory {
    display: inline-block;
}
/*----------------------------------------------------------------------
k2 tagitem view    html/com_k2/templates/tag.php
user tag is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .tagView before the class 
you need to change example: .tagView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.tagItemView {
	margin: 10px 0 50px 0;
	background: #fff;
	    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-top: 6px solid #e7512f;
}
div.tagItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}
span.tagItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.tagItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.tagItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
h2.tagItemTitle {
	text-align: center;
}
div.tagItemReadMore .button_dark {
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #03A9F4;
    color: white;
    box-shadow: 35px 0 0 0 #eb0a0a inset;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    padding: 10px;
        float: left;
}
div.tagItemReadMore a:hover {
    background: #fff;
    box-shadow: 200px 0 0 0 #000 inset;
    color: #fff;
}

div.more_links {
      border: 1px solid #03A9F4;
    color: white;
    font-size: 12px;
    display: inline-block;
        background: repeating-linear-gradient(45deg, #00BCD4 30%, #FFC107 180%);
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.more_links > div {
    float: left;
    border-right: solid 1px #eee;
}
/* item tags */
div.itemTagsBlock {
    border: 2px solid #fff;
    text-align: justify;
    background: wheat;
    padding: 3px;
    margin: 15px 0 0 0;
    
}
div.userItemTagsBlock {
    border-bottom: 1px solid #F44336;
    border-top: 1px solid #F44336;
    margin-top: 10px;
    text-align: justify;
    background: #2196F3;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    padding: 10px;
    color: #FFF;
}
div.tagItemImageBlock{
	padding:0;
	margin:0 auto;
	border:none;
	background:none;
	float:none;
}
div.itemTagsBlock ul.itemTags {
        margin: 0 !important;
    display: block;
    border: 2px solid #fff;
    padding: 5px;
    background: cornflowerblue;
}
span.tagItemImage{
	overflow:hidden;
	display:block;
	clear:both;
	margin:0 auto;
}
span.tagItemImage a {
	display:block;
	overflow:hidden;
	border:none;
	text-align:center;
	height:400px;
}
span.tagItemImage img {
	border:none;
	padding:0;
	overflow:hidden;
	margin:0 auto;
}
div.itemTagsBlock ul.itemTags li a {
       margin: -3px;
    line-height: 5px;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 3px;
    color: #fff !important;
    background: cornflowerblue;
    font-size: 11px;
    transition: all .2s linear;
}
div.itemTagsBlock ul.itemTags li a:hover {
  background: -moz-linear-gradient(90deg, #dd3333 0%, #8224e3 100%) !important;
background: -webkit-linear-gradient(90deg, #dd3333 0%, #8224e3 100%) !important;
background: -o-linear-gradient(90deg, #dd3333 0%, #8224e3 100%) !important;
background: -ms-linear-gradient(90deg, #dd3333 0%, #8224e3 100%) !important;
background: linear-gradient(90deg, #dd3333 0%, #8224e3 100%) !important;
color: #fff !important;
    
}
div.itemTagsBlock span {
    padding: 3px 0;
    display: inherit;
    background: #FFF;
    background-color: #fff !important;
    line-height: 1 !important;
    margin: 1px 0px 5px 0px !important;
    color: #555 !important;
    
}
div.userItemTagsBlock ul.userItemTags li a {
    margin: -3px;
    line-height: 5px;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 3px;
    color: #666 !important;
    background: #ebebeb;
    border-radius: 8px;
    font-size: 11px;
}
div.userItemTagsBlock span {
      box-shadow: 0 8px 6px -6px black;
    padding: 3px 0;
    display: inherit;
    background-color: #fff !important;
    line-height: 1 !important;
    margin: 1px 0px 5px 0px !important;
    color: #555 !important;
}


/*----------------------------------------------------------------------
k2 generic view    html/com_k2/templates/generic.php
user generic is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .genericView before the class 
you need to change example: .genericView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.genericItemList {
    padding: 5px;
    margin: 10px 0 50px 0;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-top: 6px solid #e7512f;
}
div.genericItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}
span.genericItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.genericItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.genericItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
h2.genericItemTitle {
    text-align: center;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 3 !important;
    text-align: center;
    color: #000;
    background: bisque;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
div.genericItemHeader {
    margin-bottom: 10px;
    margin-top: 75px;
    background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
}

div.genericItemReadMore a, div.genericItemCategory a {
    color: white;
}
div.genericItemIntroText {
    padding: 5px;
    border: 1px solid #dadada;
    line-height: 20px;
    text-align: justify;
}
div.genericItemReadMore .button_dark {
	margin: 0 auto;
}
/*----------------------------------------------------------------------
Latest Item list html/com_k2/default/latest.php
----------------------------------------------------------------------*/
.latestItemsCategory {
	background: #f5f5f5!important;
	margin: 4px 5px!important;
	padding: 10px!important;
	border: none!important;
}
div.latestItemsCategoryImage img {
	background: none!important;
	padding: 0px!important;
	border: 1px solid #d5d5d5!important;
	margin: 0 auto!important;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/latest_item.php
----------------------------------------------------------------------*/
div.latestItemList {
	padding: 0;
}
div.latestItemView {
	background: #fff;
}
div.latestItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}
span.latestItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.latestItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.latestItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
h2.latestItemTitle {
      margin: 0 !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 3 !important;
    text-align: center;
    color: #000;
    background: bisque;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 5px !important;
}
div.latestItemReadMore .button_dark {
	margin: 0 auto;
}
div.latestItemHeader {
     margin-top: 75px;
    margin-bottom: 10px;
    background: #FFC107!important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
}
div.latestItemIntroText {
      padding: 5px;
    border: 1px solid #e4e4e4;
    font: normal 12px/18px IRANSans,arial,tahoma;
    line-height: 20px;
        text-align: justify;
}
/*----------------------------------------------------------------------
Category view html/com_k2/register.php
----------------------------------------------------------------------*/
#k2UserPages {
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #d5d5d5;
}
#k2UserPages th, #k2UserPages td {
	background: #f5f5f5!important;
	text-align: left!important;
}
#k2UserPages td {
	padding-right: 10px!important;
}
#k2UserPages .componentheading {
	margin: 10px 0;
}
#k2UserPages input {
	padding: 10px;
	text-indent: 4px;
	text-align: left;
	margin: 10px 0 0 10px;
	border: 1px solid #d5d5d5!important;
	background: #fff;
}
#k2UserPages span.input_file_wrapper {
	background: url(../images/k2images/browsek2.gif) top left no-repeat;
	border: none;
	height: 30px;
	display: block!important;
	position: relative!important;
	width: 220px;
	overflow: hidden;
	text-align: right!important;
	margin: 0 0 0 10px!important;
	float: left;
	cursor: pointer;
	clear: both;
}
#k2UserPages span.input_file_wrapper input.fake-text {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 3px!important;
	margin: 0px!important;
	width: 153px;
	background: none!important;
	border: none!important;
	font-size: 10px!important;
	font-weight: bold;
}
/*----------------------------------------------------------------------
k2 content module
----------------------------------------------------------------------*/

div.k2ItemsBlock ul li a.moduleItemReadMore {
       background-color: #FF9800;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 15px;
    line-height: 12px;
    width: 15px;
    display: block;
    /* overflow: hidden; */
    padding: 0!important;
    border-radius: 100%;
    float: left;
    margin: 0 0 0 3px;
}

div.k2ItemsBlock ul li a.moduleItemComments {
    background-color: #FF9800;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 15px;
    width: 15px;
    line-height: 15px;
    display: block;
    overflow: hidden;
    padding: 0!important;
    border-radius: 100%;
    float: left;
    margin: 0 0 0 3px;
}
div.k2ItemsBlock ul li span.moduleItemHits {
    background-color: #FF9800;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 20px;
    width: 20px;
    display: block;
    overflow: hidden;
    padding: 0!important;
    border-radius: 100%;
    float: left;
    color: white;
        font-size: 10px;
    line-height: 20px;
    text-align: center;
         margin: 0 0 0 3px;
}
div.k2ItemsBlock ul li a.moduleItemCategory {
      background-color: #FF9800;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 15px;
    width: 15px;
    line-height: 15px;
    display: block;
    overflow: hidden;
    padding: 0!important;
    border-radius: 100%;
    float: left;
    margin-left: 3px;
}
div.k2ItemsBlock ul li a.moduleItemComments:hover, div.k2ItemsBlock ul li a.moduleItemCategory:hover, div.k2ItemsBlock ul li a.moduleItemReadMore:hover { 
    color: white;
    background: #03A9F4;
}
div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {
     -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 15px !important;
    padding: 0!important;
    border-radius: 100%;
    float: left;
    border: 1px solid #E91E63;
    margin: 0;
}

div.k2ItemsBlock ul li div.moduleItemAuthor {
-webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    height: 15px;
    width: 15px;
    display: block;
    overflow: hidden;
    padding: 0!important;
    border-radius: 100%;
    float: left;
    margin-left: 3px;
}

.k2ItemsBlock li.even {
        border-right: solid 3px #E91E63;
    background: #f5f5f5;
    margin-bottom: 25px;
    padding: 0 5px 10px;
}

.k2ItemsBlock li.odd {
          border-right: solid 3px #03A9F4;
    background: #f5f5f5;
    margin-bottom: 25px;
    padding: 0 5px 10px;
}

.k2ItemsBlock li:first-child{
      border-right: solid 3px #FF9800;
    background: #f5f5f5;
    margin-bottom: 25px;
    padding: 0 5px 10px;
}
.k2ItemsBlock li.lastItem {
	      border-right: solid 3px #FF9800;
    background: #f5f5f5;
    margin-bottom: 25px;
    padding: 0 5px 10px;
}

.moduleItemImage {
	float:left;
	border:none;
}
a.moduleItemImage img {
	border:none!important;
	margin:0!important;
	padding:0;
	float:left!important;
}
.moduleItemIntrotext {
	line-height:15px!important;
	padding:0!important;
    text-align: justify;
        border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
}
.moduleItemTags {
	margin:10px 0;
	border-bottom:1px solid #e4e4e4;
	font-size:110%;
}

div.k2ItemsBlock ul li a.moduleItemComments:before {
       content: "\f0e6";
    font-family: FontAwesome;
    font-size: 10px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    border-radius: 50%;
    display: inline-block !important;
    float: none;
}
div.k2ItemsBlock ul li a.moduleItemCategory:before {
    content: "\f07c";
   font-family: FontAwesome;
    font-size: 10px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    border-radius: 50%;
    display: inline-block !important;
    float: none;
}





div.k2ItemsBlock ul li a.moduleItemTitle {
     font-weight: 600;
    text-align: justify;
    color: #0ab241;
    font-size: 11px;
    background-image: linear-gradient(30deg,#e10613,#0ab241);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    color: transparent;
}
div.k2ItemsBlock ul li a.moduleItemTitle:hover {
    color: #FF5722;
       background-image: linear-gradient(30deg,#6902ff,#ff0024);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    color: transparent;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated {
    font-size: 9px;
    color: #03A9F4;
}

/*----------------------------------------------------------------------
k2 calender
----------------------------------------------------------------------*/

table.calendar tr td.calendarCurrentMonth {
     color: yellow;
    background: #FF9800;
    border-right: 2px solid transparent;
}

table.calendar tr td.calendarNavMonthNext {
    text-align: right;
    background: #FF9800;
    border-right: 2px solid transparent;
}
table.calendar tr td.calendarNavMonthPrev {
    background: #FF9800;
    text-align: left;
    border-right: 2px solid transparent;
}
table.calendar tr td.calendarDayName {
    background: #8BC34A;
    font-size: 11px;
    color: white;
}
table.calendar tr td.calendarNavMonthPrev a, table.calendar tr td.calendarNavMonthNext a {
    color: #FFEB3B;
}
/*----------------------------------------------------------------------
k2 cats menu
----------------------------------------------------------------------*/
.k2CategoriesListBlock ul, .k2CategoriesListBlock ul.level0, .k2CategoriesListBlock ul.level1 {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}
.k2CategoriesListBlock ul li, .k2CategoriesListBlock ul li:hover {
	list-style-type: none;
	background-image: none;
	padding: 0;
	text-align: left;
}
.k2CategoriesListBlock ul li a {
	height: auto;
	line-height: normal;
	text-decoration: none;
	display: block;
	font-size: 100%;
	text-decoration: none;
	text-indent: 0;
	padding: 12px 0;
	position: relative;
	border-bottom: 1px solid #d5d5d5;
}
.k2CategoriesListBlock ul li a:before {
	content: "\f111";
	font-family: 'FontAwesome';
	float: left;
	margin: 6px 20px 0 0;
	font-size: 7px;
}

/*----------------------------------------------------------------------
k2 tag cloud module
----------------------------------------------------------------------*/
div.k2TagCloudBlock {
    border: 2px solid #fff;
    text-align: justify;
    background: #FF9800;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: -25px;
}
div.k2TagCloudBlock a {
  float: right!important;
    background: #9C27B0;
    color: #fff !important;
    margin: 2px !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    padding: 2px!important;
    border-top-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
    line-height: 20px !important;
    font-size: 9px !important;
}
div.k2TagCloudBlock a:before {
    content: "#";
    color: #00BCD4;
}
div.k2TagCloudBlock a:hover {
       padding: 2px 3px;
    float: right important;
    margin: 2px important;
    background: #FFEB3B !important;;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 35px 0 0 0 #8BC34A inset;
    color: #666 !important;
    border: 1px solid #fff !important;
    
}

div.k2ItemsBlock ul li div.moduleItemIntrotext {
    margin-top: 10px;
    text-align: justify;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 10px !important;
        font-size: 11px;
}


div.tagItemExtraFields ul {
    display: initial;
}
div.tagItemExtraFields ul li {
    list-style: initial;
}

div.ggoogle {
    
line-height: 1px;
    display: flex;
    background: #03A9F4 !IMPORTANT;
    color: #fff;
    border: 2px solid #FFEB3B;
    text-align: center;
    font-size: 12px;
    padding: 3px;
    padding-top: 15px;
    height: 40px;
    
    
}
    
/*----------------------------------------------------------------------
k2 CAT MENU COLOR AND BG CSS
----------------------------------------------------------------------*/
/* LINK BG IMAGE */
.k2CategoriesListBlock ul li a {
	color: #212121;
}
.k2CategoriesListBlock ul li a:hover {
	background-position: left bottom;
}
/* main caregory link*/
div.k2CategoriesListBlock ul li.activeCategory a {
	background-position: left bottom;
}
/* sub category links*/
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a {
	color: #9e9e9e!important;
}
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a:hover {
	color: #b2b2b2!important;
}
/*K2*/
.post_holder {
	padding: 20px;
	position: relative;
}
.itemAuthor {
    padding: 10px;
}
.isid_author {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 15%;
    top: -55px;
        font-size: 12px;
}
.isid_author img {
	     border: 1px solid #FF5722;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #ccc, 0 2px 5px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #ccc, 0 2px 5px 4px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #ccc, 0 2px 5px 4px rgba(0,0,0,0.1);
    height: 80px;
    width: 80px;
}

.post_author img {
    border: 1px solid #03A9F4;
    border-radius: 100px;
    height: 35px;
    width: 35px;
}
.post-meta {
    display: table;
    margin: 0 auto 20px auto;
   
    color: white;
    border-radius: 100px;
    padding: 3px;
        font-size: 11px;
}
.right-info {
    float: right;
}
.left-info {
}
.post-info-bottom {
	     border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    width: 100%;
        font-size: 12px;
}

div.bottom-itemCategory {
    margin-top: 5px;
    float: right;
    color: #fff !important;
    background-color: #673ab7;
    line-height: 15px;
    border-radius: 100px !important;
    font-size: 10px;
    padding-left: 5px;
 height: 20px;
}

span.itemCategory:hover {

   background: #FFEB3B;

}

div.bottom-itemCategory a {

    color: #fff;

}
span.itemCategory a:hover {

    color: blue;

}

div.bottom-itemDateCreated {
     margin: 5px;
    float: right;
    color: #fff !important;
    background-color: #89c541;
    line-height: 1px;
    border-radius: 100px !important;
    font-size: 10px;
    padding-left: 3px;
    height: 20px;
}
div.bottom-itemHits {
     margin: 5px;
    float: right;
    color: #fff !important;
    background-color: #E91E63;
    line-height: 1px;
    border-radius: 100px !important;
    font-size: 10px;
    padding-left: 3px;
    height: 20px;
}

.post-meta .post_date,
.post-meta .postcat, 
.post-meta .post_comments, 
.post-meta .post_hits, 
.post_holder 
.post_rate, 
.post_holder 
.post_modify {
float: right;
    margin: 0 10px 0 auto;
    padding: 2px;
    font-size: 10px !important;
}

.post-inner {
}
.post-meta .post-info-top {
    display: block;
}


div.k2CategoriesListBlock ul li a {
    background: #F2F2F2;
    margin-bottom: 7px;
    padding: 4px 10px;
    border-radius: 6px;
    border-bottom: 2px solid rgba(0,0,0,0.2);
   
}
div.k2CategoriesListBlock ul li a:hover {
    BACKGROUND: #ec5842;
    border-radius: 6px;
}
div.k2CategoriesListBlock ul li a span.catTitle {
    padding-right: 4px;
}

/*circle*/
.post-meta .yjk2circle {
	font-size: 14px;
	display: block;
	margin: 10px 10px 0 auto;
	color: #FFEB3B;
}
/*rate*/
.yjk2_holder .yjk2_rate {
	margin: 0 auto 20px auto;
	float: none;
}
/*intro*/
.yjk2_holder .yjk2_links {
	margin: 0 auto 30px auto;
}
/*tags*/
div.catItemTagsBlock {
     text-align: justify;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    padding: 10px !important;
    color: #FFF;
    background: #FFC107;
    border: 1px solid #03A9F4;
    border-top: none;
}
/*modify*/
.yjk2_holder .yjk2_modify {
    display: block;
    float: none;
    font-size: 90%!important;
    border: 1px solid #d5d5d5;
    margin: 0 auto 20px auto;
    margin-top: 10px;
    color: blue;
    padding: 5px;
}
/*----------------------------------------------------------------------
my css
----------------------------------------------------------------------*/

div.point {
    line-height: 1px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    margin-bottom: 10px;
    padding: 10px 35px 10px 10px;
    background: url(../images/bb.png);
    background-size: 300px 300px, auto;
    color: #fff;
    background-color: #ffa000;
}

div.point2 {
    line-height: 1px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    margin-bottom: 30px;
        padding: 45px 35px 40px 25px;
    min-height: 90px;
    background: url(../images/bb.png);
    background-size: 300px 300px, auto;
    color: #fff;
    background-color: #ffa000;
}


span.rsform_payment_total {
   margin: 0px 5px 10px 5px;
    background: #9C27B0;
    text-align: center;
    padding: 0 0 0 10px;
    display: inline-block;
    font-size: 10px;
    line-height: 30px;
    height: 34px;
}

#footer_logo {
    position: relative;
    display: block;
}


div.catItemHeader {
       margin-top: 75px;
    margin-bottom: 10px;
        background: repeating-linear-gradient(45deg, #4CAF50 30%, #FFC107 180%) !important;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    padding: 5px;
}

#btl .btl-panel > #btl-panel-profile {
        border-radius: 14px 0 14px 0 !important;
    padding-right: 10px!important;
    width: 50px !important;
}
#btl .btl-panel > span {
    line-height: 28px !important;
    width: 32px !important;
    height: 32px !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    text-align: center;
    padding: 0px !important;
}

#btl-success {
    background-size: cover;
}

/*----------------------------------------------------------------------
Latest Item html/com_k2/default/latest_item.php
----------------------------------------------------------------------*/
.latestView div.latestItemList{
	padding:0;
}
div.latestItemBody{
	padding:0;
	    margin-top: 40px;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-top: 6px solid #e7512f;
}
div.latestItemImageBlock{
	padding:0;
	margin:0 auto;
	border:none;
	background:none;
	float:none;
}
span.latestItemImage{
	overflow:hidden;
	display:block;
	clear:both;
	margin:0 auto;
}
span.latestItemImage a {
	display:block;
	overflow:hidden;
	border:none;
	text-align:center;
	height:400px;
}
span.latestItemImage img {
	border:none;
	padding:0;
	overflow:hidden;
	margin:0 auto;
}
div.latestItemTagsBlock {
	padding:10px 0;
	border-bottom:1px solid #e4e4e4;
}

div.latestItemTagsBlock span {
    box-shadow: 0 8px 6px -6px black;
    padding: 3px 0;
    display: inherit;
    background-color: #fff !important;
    line-height: 1 !important;
    margin: 1px 0px 5px 0px !important;
    color: #555 !important;
}
div.catItemTagsBlock ul.catItemTags li a {    
     margin: -3px;
    line-height: 5px;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 3px;
    color: #666 !important;
    background: #ebebeb;
    border-radius: 8px;
    font-size: 11px;
}
div.catItemTagsBlock ul.catItemTags li a:hover {    
background: #9C27B0;
    color: #fff !important;
    text-shadow: 1px 1px 0 #6F4A8D;
}
div.latestItemTagsBlock {
     border-bottom: 1px solid #F44336;
    border-top: 1px solid #F44336;
    margin-top: 10px;
    text-align: justify;
    background: #2196F3;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    padding: 10px;
    color: #FFF;
}
div.latestItemTagsBlock ul.latestItemTags li a {
    margin: -3px;
    line-height: 5px;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 3px;
    color: #666 !important;
    background: #ebebeb;
    border-radius: 8px;
    font-size: 11px;
}
div.latestItemCategory {
    display: initial;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/old_socials.php
----------------------------------------------------------------------*/
div.pre25SocialLinks{
        padding: 9px 0px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    background: antiquewhite;
    text-align: right;
    display: inline-flex;
    width: 100%;
}
span.preSocialsTitle{
        background: #fff;
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    border-radius: 200px;
    font-size: 11px;
}
ul.preSocialLinks{
	margin:0!important;
	padding:0!important;
	float:left;
}
ul.preSocialLinks li{
	background:none;
	float:left;
	display:inline;
	margin:0!important;
	padding:0!important;
}
ul.preSocialLinks li a{
height: 20px;
    width: 20px;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0!important;
}

/*----------------------------------------------------------------------
Category view html/com_k2/register.php
----------------------------------------------------------------------*/
#k2UserPages{
	background:#f5f5f5;
	display:block;
	overflow:hidden;
	margin:20px 10px;
	padding:10px;
	border:1px solid #e4e4e4;

}
#k2UserPages th,
#k2UserPages td{
	background:#f5f5f5!important;text-align:left!important;
}
#k2UserPages td{
	padding-right:10px!important;
}
#k2UserPages .componentheading{
	margin:10px 0;
}
#k2UserPages input{
	padding:10px;
	text-indent:4px;
	text-align:left;
	margin:10px 0 0 10px;
	border:1px solid #e4e4e4!important;
	background:#fff;
}

#k2UserPages span.input_file_wrapper {
	background:url(../images/k2images/browsek2.gif) top left no-repeat;
	border:none;
	height:30px;
	display:block!important;
	position:relative!important;
	width:220px;
	overflow:hidden;
	text-align:right!important;
	margin:0 0 0 10px!important;
	float:left;
	cursor:pointer;
	clear:both;
}
#k2UserPages span.input_file_wrapper input.fake-text {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	line-height:30px;
	padding:0 0 0 3px!important;
	margin:0px!important;
	width:153px;
	background:none!important;
	border:none!important;
	font-size:10px!important;
	font-weight:bold;
}

/* Extra k2 */
.yjk2_details{
	   display: block;
    clear: both;
    overflow: hidden;
    line-height: 20px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 23px;
    margin-right: -22px;
    margin-bottom: 0px;
    margin-left: -14px;
    padding: 4px 30px;
    padding-top: 4px;
    padding-right: 30px;
    padding-bottom: 4px;
    padding-left: 30px;
    background-color: #F7F7F7;
}

div.datetime {
    color: #FFEB3B;
       font-size: 11px;
    margin-top: 20%;
    margin-right: -15%;
        text-shadow: -5px 10px 15px #795548;
}

span.date solar {
display: -webkit-inline-box;
display: -moz-inline-box;
margin-left: 10px;
float: right;
color: #FFf;
}
.view-item .itemAuthorLatest, .view-item .itemRelated, 
.view-item .itemNavigation {
    margin: 5px -5px;
}

/*----------------------------------------------------------------------
Tab
----------------------------------------------------------------------*/
.gkTabsWrap.vertical ol {
    min-height: 46px;
 padding: 2px!important;
             border: 1px solid #dadada !important;
}

.gkTabsWrap.vertical ol li.active, 
.gkTabsWrap.horizontal ol li.active {
          background: repeating-linear-gradient(45deg, #03A9F4 30%, #00BCD4 180%) !important;
    border-bottom: 1px solid red;
   -webkit-transition: .8s;

}
.gkTabsWrap.vertical ol li:hover, 
.gkTabsWrap.horizontal ol li:hover {
background: #9C27B0;
    color: #fff;
    box-shadow: 0 0 0 30px #9C27B0 inset;
 
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
      margin: 0px 2px 0px 0px !important;
    padding: 2px !important;
    color: #fff !important;
        background: repeating-linear-gradient(45deg, rgb(255, 177, 0) 30%, rgb(255, 191, 0) 180%) !important;
    float: right;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 40px;
    line-height: 40px !important;
    border-bottom: 1px solid blue;
    font-size: 11px !important;
}
.gkTabsWrap.vertical ol li:hover:after, .gkTabsWrap.vertical ol li.active:after {
   border-color: #f80000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    content: " ";
    width: auto;
    height: auto;
    bottom: -15px;
    margin-left: -7px;
    left: 50%;
    border-width: 7px;
    border-style: solid;
}

.nspArt h4.nspHeader a { 
	text-decoration: none;
        color: #18AEF5;
}
.nspArt h4.nspHeader a:hover {color: rgba(213,0,255,0.8);}
.nspArt h4.nspHeader {
     font-size: 11px !important;
    line-height: 1.2 !important;
}


.nspArt {
       float: right !important;
    border-top: 1px solid #E4E4E4;
   background: white;
}
.nspArt .nspInfo {
    float: left !important;
}
.nspArt .nspInfo a {color: #4CAF50;}
.nspArt .nspInfo a:hover {color: #9C27B0; }

.row-fluid {
    border: 1px solid #CCC;
    padding: 10px;
    margin: 0 0 30px;
}

.gkTabsContainer {
        border: 1px solid #dadada !important;
         margin-top: -2px;
}

.dl-horizontal dd {
    margin: 0 0 30px;
    padding: 5px;
    border: 1px solid #FFEB3B;
    text-align: right;
    background: url(../images/bb.png);
    background-color: #8BC34A;
    background-size: 300px 300px, auto;
        color: white;
}
.form-horizontal .control-label {
    float: right;
        text-align: right;
}
........................

div.itemExtraFields ul li {
    display: block;
    margin-top: 10px;
    color: black
}
div.itemExtraFields ul li span.itemExtraFieldsValue {
        float: left;
    background: #4CAF50;
    color: white;
    width: 48%;
    padding-right: 3px;
    font-size: 10px;
    margin-top: 1px;
}
div.itemExtraFields ul li span.itemExtraFieldsLabel {
     background: #673AB7;
    padding-right: 3px;
    color: white;
    float: right;
    width: 48%;
    font-size: 10px;
    margin: 0 !important;
    margin-top: 1px !important
}
div.itemExtraFields h3 {
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    background: white;
        margin: 1px auto 20px auto !important;
    margin-top: 3px !important;
    color: black !important;
        display: block !important;
}

div.itemExtraFields {
    margin-top: -2px;
    margin-right: -5%;
    margin-bottom: 0px;
    margin-left: -5%;
    padding: 4px 30px;
    padding-top: 4px;
    padding-right: 30px;
    padding-bottom: 4px;
    padding-left: 30px;
    background: #FFC107;
    border: 1px solid #03A9F4;
}
............
jdownload
............

.jd_field_value_compact, .jd_field_value {
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid;

}
.jd_description_wrapper {
    display: none;

}

.jd_field_value_compact, .jd_field_value {
     color: #F44336;
    font-size: 10px;
    border: 1px solid !important;
    float: none !important;
    min-width: 0 !important;
}
.jd_files_oneline, .jd_files_minipic {
   border: 1px solid #03A9F4;
}

div.jd_summary_list {
       border-radius: 3px;
    color: #03A9F4;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    text-align: right;
    border: 3px double #fff;
    margin: 10px;
    padding: 2px;
    padding-right: 5px;
    font-size: 10px;
}


div.jd_summary_list:before {
    content: "\f1c6";
 font-family: FontAwesome;
    font-size: 30px;
    color: #FFEB3B;
    position: absolute;
        line-height: 30px;
}



.jd_back_button {
     font-family: IRANSans, tahoma !important;
 float: left;
    line-height: 60px !important;
    margin-bottom: 7px;
    width: 60px;
    height: 60px !important;
    border-radius: 50%;
    text-align: center !important;
    background: #9C27B0;
    background-size: 100px 100px, auto;
    color: #fff;
    box-shadow: 0 0 0 3px #fff inset;
    border: 1px dashed;
    transition: .6s;
    -webkit-transition: .6s;
}
.jd_back_button:hover {
    background: #9C27B0;
    color: #fff;
    box-shadow: 0 0 0 30px #9C27B0 inset;
}
div.jd_content{
      margin-top: 25px;
    margin-right: -5%;
    margin-bottom: 0px;
    margin-left: -5%;
    padding-right: 29px;
    padding-bottom: 4px;
    padding-left: 30px;
    background: #FFC107;
    border: 1px solid #03A9F4;
    float: right;
    width: 110%;
}
.jd_files_title {
    background: #249da8;
    color: #FFF;
    margin-bottom: 10px;
    padding-top: 4px;
    padding: 5px;
    text-align: right;
}
.jd_title_block {
    float: right;
       font-size: 11px;
           text-align: right;
}
.jd_minipic_wrapper {
    font-size: inherit !important;
    color: black;
}

.jd_download_title {
 color: black;
     padding-right: 7px;
}
.jd_files_subheader {
    background-color: #FFC107;
}
.jred {
     margin-right: 5px;
    font-family: iransans;
    height: 25px;
    padding-top: 0;
    line-height: 20px;
    color: yellow !important;
}
.jd_url_download_right {
    font-size: 9px;
    line-height: 1.3;
}
.jd_field_value_compact, .jd_field_value {
    color: #F44336;
    font-size: 10px;
}
.jdbutton:hover {
       background: #00BCD4;
    color: white !important;
    border: 1px solid #FF5722;
}

.jd-item-page {
       font-family: FontAwesome,IRANSans !important;
    background-image: url(../images/jd.jpg);
    background-size: cover;
    color: #FFf;
    margin-top: 10px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    border: 4px solid #fff;
    margin-bottom: 30px;
    text-align: center;
}


.jd_summary_title {
      background-color: coral !important;
    opacity: 0.9;
        color: #FFEB3B;
    text-align: right;
     border: 1px double #cccccc;
}
.jd_top_navi {
          
    background: -webkit-linear-gradient(305deg, #3051F1 10%, #C92BB7 70%) no-repeat;
    background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;
    border: 5px solid #FFF;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
height: 90px;
}
.jd_footer {
    background-color: #FFC107;
}

.jd_files_subheader, .jd_cat_subheader, .jd_cats_subheader {
       background-color: #FFC107 !important;
    text-align: right;
}

.jd_title_left {
    float: right;
}
.jd_field_row_compact, .jd_field_row {
    text-align: right;
}
.jd_page_nav {
    float: none !important;
    text-align: center !important;
        direction: ltr;
}

.jd_categories_title_v46 a, .jd_categories_title a {
    color: #FFEB3B;
}
.jd_categories_title_v46, .jd_categories_title {
    float: right !important;

}
.jd_files_subheader_title, .jd_cat_subheader_title {
    float: right !important;
}
.jd_subcat_count {
    text-align: right !important;
    float: right !important;
}

.jd_sum_files_cat, .jd_sum_subcats {
    float: left !important;
}

div.search {
    background: #fff;
    padding: 5px;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    border-radius: 3px;

}


.jstatus {
    height: 12px;
    line-height: 12px;
    font-size: 9px;
    border-radius: 3px;
    padding: 0px 3px;
    font-weight: 600;
    position: absolute;
}

/*----------------------------------------------------------------------
other
----------------------------------------------------------------------*/


#scrollToTop {
    padding-left: 0px !important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    border-radius: 50%!important;
    width: 56px!important;
    height: 56px!important;
    box-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
    bottom: 200px!important;
    left: 13px!important;
top: initial !important;
        z-index: inherit !important;
}
div.itemBackToTop {
    display: none;
}

#jmap_sitemap div.jmapcolumn {
       background: #fff;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding: 40px;
}

#jmap_sitemap h1 {
       padding: 8px 15px;
    background: #FFC107;
    color: white;
    margin: 0px;
}
#jmap_sitemap div.jmapcolumn ul li a {
    text-align: right;
}
.com-content p.readmore {
    background-color: #FFC107;
    box-shadow: 0 2px 0 0 #FFC107;
    -webkit-box-shadow: 0 2px 0 0 #FFC107;
    height: 30px;
    padding: 0 0 0 5px;
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
       background-color: #FF9800;
    background: repeating-linear-gradient(45deg, #FF9800 30%, #FFC107 180%);
}
.bt-cs .bt-inner a {
    color: #fff;
}

.com-content p.readmore:hover {
    background: #fff;
    box-shadow: 200px 0 0 0 #FF9800 inset;
    color: #fff;
}
/*----------------------------------------------------------------------
after/before
----------------------------------------------------------------------*/

.sp-module .sp-module-title:before {
    content: "";
    height: 1px;
    width: 40px;
    background: #ff5722;
    position: absolute;
    right: 0;
    bottom: -1px;
}
    
body.rtl .sp-module ul >li >a:before {
  display: none;
}
.sj-megak2items-ii .megaii-wrap.theme3 .megaii-content .megaii-content-catwrap .megaii-all a:before {
content: "\f137";
    color: #4CAF50;
}

.sj-megak2items-ii .megaii-content .item-info span:before{
    content: "\f137";
    font-family: FontAwesome;
    font-size: 13px;
    width: 15px;
    height: 15px;
    color: white;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    display: inline-block;
    float: none;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sj-megak2items-ii .megaii-content .item-info span:hover:before{
    background: red;
    
}


.com-content p.readmore:before {
      content: "\f104";
      background-color: #6852ed;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    background-color: #EF6C00;
}

div.itemExtraFields h3:before {
      content: "\f0ab";
    float: right;
}

div.itemExtraFields h3:after {
      content: "\f0ab";
    float: left;
}
span.rsform_payment_total:before {
       content: "\f290";
    float: right;
    color: white;
    margin-left: 3px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    background-color: #AB47BC;
    border: 6px solid #f9a110;
    height: 40px;
    width: 40px;
    margin-right: -10px;
    margin-top: -3px;
    border-radius: 100px;
    line-height: 25px;
}

.btn:first-child:after {
    content: "\f090";
     color: #FFEB3B;
         margin-right: 5px;
}
.btn:first-child:hover:after {
     color: blue;
}

.sp-megamenu-parent >li.sp-has-child>a:after {
          content: "|";
    color: #673AB7;
    margin-right: 3px;
    font-size: 11px;
    display: inline !important;
        
}

.sp-megamenu-parent >li.sp-has-child>a:hover:after {
    color: #9C27B0;
  
}

.fa-bars:before {
    content: "\f0c9";
    color: #FFEB3B;
}

.fa-search:before {
    content: "\f002";
     color: #FFEB3B;
}

.btl-content-block, #register-link {
     border-radius: 8px !important;
}

#btl-content .btl-content-block h3, .btl-content-block .btl-label:before {
       content: "\f058";
    font-family: fontawesome;
    background: #FFEB3B;
    font-size: 11px;
    width: 20px;
    height: 20px;
    color: black;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}
div.datetime:before {
    content: "\f274";
    font-family: fontawesome;
    font-size: 11px;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FF9800;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-bell:before {
    background: #aa2e85;
    font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-lightbulb-o:before {
    background: #06C;
    font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-map-pin:before {
    background: #FF9800;
    font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}

.fa-map-marker:before {
    background: #F44336;
    font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-home:before {
    background: #F44336;
       font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-graduation-cap:before {
    background: #aa2e85;
     font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-rss:before {
    background: #005aff;
     font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.fa-street-view:before {
    background: #FF5722;
    font-size: 9px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
        -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
div.tagItemHeader:before{
      content: "\f044";
    font-family: fontawesome;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    border: 4px solid #90a93d!important;
    background-color: #E91E63;
    text-align: center;
    position: absolute;
    margin-right: -25px;
    z-index: 10;
    width: 45px;
    height: 45px;
    padding: 5px;
    margin-top: 2%;
    line-height: 30px;
}
.view-item .itemHeader h2.itemTitle:before{
content: "\f044";
    font-family: fontawesome;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    border: 4px solid #90a93d!important;
    background-color: red;
    text-align: center;
    position: absolute;
    margin-right: -15px;
    z-index: 10;
    width: 55px;
    height: 55px;
    line-height: 30px;
    padding: 10px;
    right: 0;
    margin-top: -2%;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.view-item .itemHeader h2.itemTitle:hover:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease;

}


.fa-pencil:before {
    content: "\f040";
    background: #4CAF50;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}

#kt .kt-title-bar__title:before {
     content: "\f27a";
     font-family: fontawesome;
    background: #FF5722;
    font-size: 20px;
    padding: 3px;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    margin-left: 5px;
}
div.catItemReadMore a:before {
    content: "\f0a5";
 font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
div.catItemReadMore a:after   { 
    content: "\f01e";
   font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
        margin-left: -10px;
}

.subCategoryMore:before {
    content: "\f0a5";
    font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
.subCategoryMore:after   { 
    content: "\f0a4";
   font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
        margin-left: -10px;
}
div.tagItemReadMore a:before {
    content: "\f0a5";
 font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
div.tagItemReadMore  a:after {
    content: "\f0a4";
 font-family: fontawesome;
    background: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #000;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
div.itemListCategory:before {
content: "\f123";
    font-family: fontawesome;
    font-size: 25px;
    color: red;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #FF9800!important;
    background-color: #fff;
    text-align: center;
    margin-right: -25px;
    z-index: 10;
    width: 60px;
    height: 60px;
    line-height: 50px;
}


.fa-search-plus:before {
    content: "\f00e";
    background: #E91E63;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
.fa-print:before {
    content: "\f02f";
    background: #2196F3;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
.fa-envelope:before {
    content: "\f0e0";
    background: #FF9800;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
div.pre25SocialLinks:before {
    content: "\f1e0";
  font-family: fontawesome;;
    background: #aa2e85;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
        margin-top: 2px;
        margin-right: 5px;
}

span.preSocialsTitle:after {
      content: "";
    height: 8px;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 8px;
    background: #fff;
    left: -4px;
    right: initial;
}
span.itemDateModified:before {
    content: "\f021";
  font-family: fontawesome;
    background: #4CAF50;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
     margin-right: 5px;
}

div.itemRatingBlock:before {
    content: "\f004";
  font-family: fontawesome;
    background: #E91E63;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
     margin-right: 5px;
}
.fa-folder-open:before {
    content: "\f07c";
    font-family: fontawesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 6px solid #90a93d;
    height: 30px;
    width: 30px;
    margin-right: -8px;
    margin-top: -3px;
    line-height: 1.6;
        background: #03A9F4;
}

.fa-calendar:before {
      content: "\f073";
    font-family: fontawesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 6px solid #90a93d;
    height: 30px;
    width: 30px;
    margin-right: -5px;
    margin-top: -5px;
    line-height: 1.6;
    background: #E91E63;
}
.fa-briefcase:before {
    font-family: fontawesome;
    background: #E91E63;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
.fa-signal:before {
    content: "\f012";
    font-family: fontawesome;
    background: #795548;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}
.fa-clock-o:before {
    content: "\f017";
    font-family: fontawesome;
    background: #4CAF50;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
        margin-left: 3px;
}
.fa-eye:before {
    font-family: fontawesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 6px solid #90a93d;
    height: 30px;
    width: 30px;
    margin-right: -8px;
    margin-top: -5px;
    line-height: 1.6;
        background: #9C27B0;
}



div.bottom-itemCategory:before {
    content: "\f07c";
    background: #673AB7;
    font-size: 12px;
    color: #fff;
    border: 6px solid #faebd7;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1.4;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
        margin-top: -5px;
}

div.bottom-itemDateCreated:before {
    content: "\f073";
    background: #8BC34A;
    font-size: 12px;
    color: #fff;
        border: 6px solid #faebd7;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1.4;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
        margin-top: -5px;
}

div.bottom-itemHits:before {
content: "\f06e";
    background: #E91E63;
    font-size: 12px;
    color: #fff;
    border: 6px solid #faebd7;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1.4;
    margin-left: 5px;
    margin-right: -2px;
    text-align: center;
    display: inline-block;
        margin-top: -5px;
}

#section-kmt .kmt-ratings-overview h3.kmt-title::before {
    content: "\f123";
    font-family: fontawesome;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 4px;
    color: #F44336;
    margin-right: 5px;
}
.fa-comments-o:before {
    content: "\f0e6";
    background: #aa2e85;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
}

#section-kmt .commentForm h3.kmt-title::before, #section-kmt .commentTools h3.kmt-title::before {
    content: "\f075";
    font-family: fontawesome;
    font-size: 21px;
    position: absolute;
    right: 0;
    top: 4px;
color: #F44336;
    margin-right: 5px;
}
.sj-megak2items-ii .megaii-wrap .megaii-tabs-wrap .megaii-tabs-inner ul.megaii-tabs li.megaii-tab:after {
    content: "\f0d9";
    font-family: FontAwesome;
    color: #F44336;
}
.sj-megak2items-ii .megaii-content ul.megaii-other-item li.item-other a:before {
      content: "\f137";
    font-family: FontAwesome;
    color: #FF9800;
    display: inline-block !important;

}
.sj-megak2items-ii .megaii-content ul.megaii-other-item li.item-other a:hover:before  {
    color: blue;
}
.sj-megak2items-ii .megaii-content .item-title:before {
    content: "\f1da";
    font-family: FontAwesome;
    color: #F44336;
    font-size: 15px;
}

div.itemExtraFields ul li span.itemExtraFieldsLabel:before {
content: "\f0a8";
    font-family: FontAwesome;
    color: #FFEB3B;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin:0 0 0 5px;
display: inline-block;
}  

div.itemExtraFields ul li span.itemExtraFieldsValue:before {
content: "\f0a8";
    font-family: FontAwesome;
    color: #FFEB3B;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin:0 0 0 5px;
    display: inline-block;
}

div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel:before {
    content: "\f0a8";
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin: 0 0 0 5px;
    display: inline-block;
}

div.tagItemExtraFields ul li span.tagItemExtraFieldsValue:before {
    content: "\f0a8";
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin: 0 0 0 5px;
    display: inline-block;
}

div.catItemExtraFields ul li span.catItemExtraFieldsLabel:before {
    content: "\f0a8";
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin: 0 0 0 5px;
    display: inline-block;
}

div.catItemExtraFields ul li span.catItemExtraFieldsValue:before {
    content: "\f0a8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 16px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    margin: 0 0 0 5px;
    display: inline-block;
}


 .jd_files_title:before {
    content: "\f019";
    font-family: FontAwesome;
    border: 2px solid #FFEB3B!important;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 21px;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: #F5F5F5;
    border-radius: 100%;
    background: repeating-linear-gradient(45deg, #F44336 30%, #FFC107 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
.jd_files_title:after {
 
    content: "\f019";
    float: left;
    font-family: FontAwesome;
    border: 2px solid #FFEB3B!important;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 21px;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: #F5F5F5;
    border-radius: 100%;
    background: repeating-linear-gradient(45deg, #F44336 30%, #8BC34A 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
div.k2ItemsBlock ul li a.moduleItemReadMore:before {
       content: "\f137";
    font-family: FontAwesome;
    font-size: 10px;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    display: inline-block;
    float: none;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.k2ItemsBlock ul li span.moduleItemDateCreated:before {
        content: "\f017";
    margin-left: 3px;
    color: #FF9800;
    font-size: 12px;
}


div.k2ItemsBlock ul li a.moduleItemReadMore:hover:before {
        content: "\f0a5";
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease;
}


ul.preSocialLinks li a:before {
 
        -o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}


ul.preSocialLinks li a:hover:before {

-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.5s ease;
background: #9C27B0!important;
    color: #FFEB3B!important;
}


.k2CategoriesListBlock ul li a:before {
     content: "\f02d";
    font-family: 'FontAwesome';
    float: left;
    margin: 6px 20px 0 0;
    font-size: 12px;
    color: #3F51B5;
}
 
.nspArt h4.nspHeader:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #E91E63;
    font-size: 16px;
    margin-left: 2px;
    padding: 0px;
}




div.itemAuthorLatest ul li:before {
        content: "\f0d9" !important;
    font-family: FontAwesome;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #fff !important;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    background: #9C27B0;
    background: repeating-linear-gradient(45deg, #9C27B0 30%, #BA68C8 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    
}
div.itemAuthorLatest ul li:hover:before, a.itemRelTitle:hover:before, div.itemNavigation a.itemPrevious:hover:before, div.itemNavigation a.itemNext:hover:before  {
    background: #03A9F4;
}

a.itemRelTitle:before {
     content: "\f0d9";
       font-family: FontAwesome;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #fff !important;
    text-align: center;
    margin-left: 3px;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    background: repeating-linear-gradient(45deg, #FF9800 30%, #F44336 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
div.itemAuthorLatest h3:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
}
div.itemRelated h3:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
}

div.catItemHeader h3.catItemTitle:before {
      content: "\f044";
    font-family: fontawesome;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    border: 4px solid #03A9F4!important;
    background-color: #F44336;
    text-align: center;
    position: absolute;
    margin: -5px -30px 0px 0px;
    width: 45px;
    height: 45px;
    padding: 5px;
    display: inherit;
    line-height: 26px;
}

h3.catItemTitle:before {
     content: "\f0d9";
    font-family: FontAwesome;
    margin-left: 5px;
    margin-right: -5px;
    font-size: 25px;
    color: white;
    line-height: 1.5;
}

div.itemNavigation a.itemPrevious:before, div.itemNavigation a.itemNext:before {
    content: "\f0d9";
    font-style: normal;
    font-family: FontAwesome;
    margin-left: 5px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    background: repeating-linear-gradient(45deg, #795548 30%, #FFC107 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
}
	
div.catItemTagsBlock span:before {
    content: "\f02c";
    font-family: FontAwesome;
    margin-left: 5px;
    background: #9C27B0;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    margin-right: -10px;
}
div.itemTagsBlock span:before {
        content: "\f02c";
     font-family: FontAwesome;
    margin-left: 5px;
    background: #F44336;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    margin-right: -10px;
}

div.k2ItemsBlock ul li a.moduleItemTitle:before{
      content: "\f044";
    margin-left: 2px;
    text-align: center;
    line-height: 21px;
    display: inline-block;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #F5F5F5;
    border-radius: 100%;
    background: repeating-linear-gradient(45deg, rgba(213, 0, 255, 0.8) 30%, #FFC107 180%);
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    height: 20px;
    width: 20px;
} 

div.k2ItemsBlock ul li a.moduleItemTitle:hover:before {
        content: "\f0d9";
transition: all 0.5s ease;
    background: repeating-linear-gradient(45deg, #03A9F4 30%, #F44336 180%);
    color: #FFEB3B;
    font-size: 15px;
}



.fa-google:before {
    background: #db4a39!important;
        font-family: 'FontAwesome';
    color: white!important;
     border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-twitter:before {
    background: #00acee!important;
        font-family: 'FontAwesome';
    color: white!important;
       border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-facebook-f:before, .fa-facebook:before {
    background: #3b5998!important;
        font-family: 'FontAwesome';
    color: white!important;
      border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-linkedin:before {
    background: #0e76a8!important;
        font-family: 'FontAwesome';
    color: white!important;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-google-plus:before {
    background: #E91E63!important;
        font-family: 'FontAwesome';
    color: white!important;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-youtube:before {
       background: #c4302b!important;
           font-family: 'FontAwesome';
    color: white!important;
     border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-instagram:before {
    background: #ca976e!important;
        font-family: 'FontAwesome';
    color: white!important;
     border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-telegram:before {
    content: "\f1d8"!important;
        font-family: 'FontAwesome';
}
.fa-whatsapp:before {
    content: "\f232";
    background: #4CAF50;
        font-family: 'FontAwesome';
    color: white!important;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-rss-square:before {
    color:#FF9800!important
    font-family: 'FontAwesome';
}

.fa-paper-plane:before {
    content: "\f1d8";
   background: #2196F3;
       font-family: 'FontAwesome';
    color: white;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
margin: 0px 0px 2px 2px;
}
.fa-paper-plane-o:before {
    content: "\f1d8";
   background: #03A9F4;
       font-family: 'FontAwesome';
    color: white;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
    margin: 0px 0px 2px 2px;
}
.fa-envelope-square:before {
    content: "\f199";
    background: #673AB7!important;
        font-family: 'FontAwesome';
    color: white!important;
      border-radius: 50%;
    display: inline-block;
    padding: 5px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
margin: 0px 0px 2px 2px;
}
.fa-envelope-o:before {
    content: "\f003";
    background: #FF9800;
        font-family: 'FontAwesome';
    color: white;
     border-radius: 50%;
    display: inline-block;
    padding: 5px;
 margin: 0px 0px 2px 2px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-phone:before {
    content: "\f095";
    background: #9C27B0;
        font-family: 'FontAwesome';
    color: white;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    margin: 0px 0px 2px 2px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-mobile-phone:before, .fa-mobile:before {
    background: #F44336;
    color: white;
     border-radius: 50%;
         font-family: 'FontAwesome';
    display: inline-block;
    padding: 5px;
    margin: 0px 0px 2px 2px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-yahoo:before {
    background: #E91E63;
    color: white;
    border-radius: 50%;
        font-family: 'FontAwesome';
    display: inline-block;
    padding: 5px;
    margin: 0px 0px 2px 2px;
     width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-tencent-weibo:before {
    background: #009688;
    color: white;
     border-radius: 50%;
         font-family: 'FontAwesome';
    display: inline-block;
    padding: 5px;
    margin: 0px 0px 2px 2px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-flag:before {
    background: rgba(213, 0, 255, 0.95);
        font-family: 'FontAwesome';
    color: white;
     border-radius: 50%;
    display: inline-block;
    padding: 5px;
    margin: 0px 0px 2px 2px;
  width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}
.fa-internet-explorer:before {
    background: rgba(213, 0, 255, 0.8);
        font-family: 'FontAwesome';
    color: #FFEB3B;
    padding: 3px;
    margin: 3px;
}
.fa-refresh:before {
    background: #9C27B0;
       font-size: 16px;
           font-family: 'FontAwesome';
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
}
.fa-level-up:before {
    background: #FFC107;
        font-family: 'FontAwesome';
    font-size: 16px;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
}
.fa-spinner:before {
    background: #8BC34A;
        font-family: 'FontAwesome';
   font-size: 16px;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
}


.gkHighlighterItem:before {
    font-family: FontAwesome;
    content: "\f0a1";
    color: #795548;
    margin-left: 10px;
    font-size: 16px;
    background: #FFEB3B;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    width: 24px;
    height: 24px;
    line-height: 15px;
    text-align: center;
}

#btl-panel-login:before{
    content:  "\f090";
    font-family: FontAwesome;
    font-size: 14px;
        color: yellow;
}
#btl-panel-registration:before{
    content:  "\f234";
    font-family: FontAwesome;
    font-size: 14px;
        color: yellow;
}

#sp-main-menu-sticky-wrapper:after {
    content: "";
    height: 200px;
    left: -20%;
    position: absolute;
    right: -20%;
    top: 0px;
    transform: rotateZ(3deg);
    background: #00BCD4;
}

.fa-cloud-download:before {
    content: "\f0ed";
    font-family: 'FontAwesome';
}
/*--------------------------------------------------------------
fixed menu shopping
--------------------------------------------------------------*/
.isid_menu-bottom-fixed{z-index:10000000;position:fixed;bottom:60px;left:12px !important}.isid_menu-bottom-fixed.nav{margin:0}.isid_menu-bottom-fixed.isid_position-left{left:20px;right:auto}.isid_menu-bottom-fixed.isid_position-right{right:20px;left:auto}.isid_menu-bottom-fixed
li{ margin-bottom: 10px;list-style:none;height:40px;width:40px;padding-top:1px;-webkit-transition:opacity 0.1s linear 0s;-moz-transition:opacity 0.1s linear  0s;-ms-transition:opacity 0.1s linear  0s;-o-transition:opacity 0.1s linear  0s;transition:opacity 0.1s linear  0s}.isid_menu-bottom-fixed>li{width:56px;height:56px}.isid_menu-bottom-fixed>li>a{bottom:0;font-size:1.9em;line-height:1.4em;width:56px;height:56px;z-index:1}.isid_menu-bottom-fixed li > a:hover,
.isid_menu-bottom-fixed li>a:focus{background-color:#e67c73;box-shadow:0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);-webkit-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-moz-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-ms-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-o-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.isid_menu-bottom-fixed
.parent{margin:0;padding-top:17px;position:relative}.isid_menu-bottom-fixed>.parent{height:56px;width:56px}.isid_menu-bottom-fixed .parent:hover{opacity:1}.isid_menu-bottom-fixed a > .isid_menu-icon,
.isid_menu-bottom-fixed .parent>a>.isid_menu-icon-add{width:18px;height:18px;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;font-size:18px}.isid_menu-bottom-fixed .parent>a>.isid_menu-icon{opacity:0}.isid_menu-bottom-fixed .parent > a > .isid_menu-icon,
.isid_menu-bottom-fixed .parent>a>.isid_menu-icon-add{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-moz-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-ms-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-o-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s}.isid_menu-bottom-fixed .parent:hover > a > .isid_menu-icon,
.isid_menu-bottom-fixed .parent:hover>a>.isid_menu-icon-add{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.isid_menu-bottom-fixed .parent:hover>a>.isid_menu-icon{opacity:1}.isid_menu-bottom-fixed .parent:hover>a>.isid_menu-icon-add{opacity:0}.isid_menu-bottom-fixed.isid_position-left a
.isid_title{left:100%;right:auto}.isid_menu-bottom-fixed a
.isid_title{visibility:hidden;position:absolute;top:0;bottom:0;right:100%;width:auto;color:#FFF;padding:0
10px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:nowrap;opacity:0;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear}.isid_menu-bottom-fixed li a:hover
.isid_title{visibility:visible;opacity:1;line-height:1.2em}.isid_menu-bottom-fixed .parent>.nav-child{bottom:0;left:0;margin:auto;position:absolute;right:0;width:40px;visibility:hidden}.isid_menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.isid_menu-bottom-fixed .parent:hover>.nav-child{bottom:100%;visibility:visible}.isid_menu-bottom-fixed .parent>.nav-child>li>a.img{background:#FFF}.isid_menu-bottom-fixed .parent > .nav-child > li > a
img{width:32px;border-radius:50%;margin-top:-5px}.isid_menu-bottom-fixed
a{display:block;position:absolute;border:none;border-radius:50%;box-sizing:content-box;cursor:pointer;outline:none;padding:0;box-shadow:0 0 2px rgba(0,0,0,.14),0 2px 4px rgba(0,0,0,.28);background-color:#e67c73;color:#EEE;left:0;pointer-events:auto;text-align:center}.isid_menu-bottom-fixed a:hover,
.isid_menu-bottom-fixed a:focus{color:#FFF;background:#e67c73}.isid_menu-bottom-fixed .parent>a{height:56px;width:56px;font-size:1.9em;line-height:1.4em;bottom:0px;z-index:1}.isid_menu-bottom-fixed>.parent>a{z-index:2}.isid_menu-bottom-fixed .parent > .nav-child > li
a{height:40px;width:40px;font-size:1.2em;line-height:1.4em;left:0;right:0;margin:auto;-webkit-transform:scale(0.4) rotate(360deg);-moz-transform:scale(0.4) rotate(360deg);-ms-transform:scale(0.4) rotate(360deg);-o-transform:scale(0.4) rotate(360deg);transform:scale(0.4) rotate(360deg);-webkit-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-moz-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-ms-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-o-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s}.isid_menu-bottom-fixed .parent:hover > .nav-child > li
a{-webkit-transform:scale(1) rotate(360deg);-moz-transform:scale(1) rotate(360deg);-ms-transform:scale(1) rotate(360deg);-o-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}.isid_menu-bottom-fixed
.isid_table{display:table;height:100%}.isid_menu-bottom-fixed .isid_table-cell{vertical-align:middle;display:table-cell}.isid_menu-bottom-fixed .isid_table-cell
span{background:rgba(0, 0, 0, 0.6);color:rgb(255, 255, 255);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px
12px}@media(max-width: 1024px){.isid_menu-bottom-fixed:before{content:"";top:0;left:0;opacity:0;position:fixed}.isid_menu-bottom-fixed.isid_hover:before{opacity:1;width:100%;height:100%}}@media(max-width: 767px){.isid_menu-bottom-fixed:before{content:"";top:0;left:0;opacity:0;position:fixed;background:rgba(255,255,255,0.75);-webkit-transition:opacity 0.3s linear 0s;-moz-transition:opacity 0.3s linear 0s;-ms-transition:opacity 0.3s linear 0s;-o-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s}.isid_menu-bottom-fixed.isid_hover:before{opacity:1;width:100%;height:100%}}
/*--------------------------------------------------------------
fixed menu hover
--------------------------------------------------------------*/
.isid_menu-bottom-fixed .isid_menu-item-572d9fb221aa2 > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb221aa2 > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb221aa2 > a:focus{
                background-color:#ed2553;}
.isid_menu-bottom-fixed .isid_menu-item-572d9fb221e8a > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb221e8a > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb221e8a > a:focus{
                background-color: #e18114;}
.isid_menu-bottom-fixed .isid_menu-item-572d9fb2224d1 > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb2224d1 > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb2224d1 > a:focus{
                background-color: #21759b;}
.isid_menu-bottom-fixed .isid_menu-item-572d9fb222a15 > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb222a15 > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb222a15 > a:focus{
                background-color: #ffc721;}
.isid_menu-bottom-fixed .isid_menu-item-572d9fb222a16 > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb222a16 > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb222a16 > a:focus{
                background-color: #607D8B;}				
.isid_menu-bottom-fixed .isid_menu-item-572d9fb2231db > a,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb2231db > a:hover,
            .isid_menu-bottom-fixed .isid_menu-item-572d9fb2231db > a:focus{
                background-color: #5fe028;}
.isid_menu-bottom-fixed .parent:hover > .nav-child > li:nth-child(1) a{
 -webkit-transition-delay: 60ms;
                        -moz-transition-delay: 60ms;
                        -ms-transition-delay: 60ms;
                        -o-transition-delay: 60ms;
                        transition-delay: 60ms;
}
.isid_menu-bottom-fixed .parent:hover > .nav-child > li:nth-child(2) a{
 -webkit-transition-delay: 30ms;
                        -moz-transition-delay: 30ms;
                        -ms-transition-delay: 30ms;
                        -o-transition-delay: 30ms;
                        transition-delay: 30ms;
}
/*--------------------------------------------------------------
fixed menu user
--------------------------------------------------------------*/
.isiduser_menu-bottom-fixed{z-index:1000000;position:fixed;bottom:130px;left:12px !important}.isiduser_menu-bottom-fixed.nav{margin:0}.isiduser_menu-bottom-fixed.isiduser_position-left{left:20px;right:auto}.isiduser_menu-bottom-fixed.isiduser_position-right{right:20px;left:auto}.isiduser_menu-bottom-fixed
li{    margin-bottom: 10px;list-style:none;height:40px;width:40px;padding-top:1px;-webkit-transition:opacity 0.1s linear 0s;-moz-transition:opacity 0.1s linear  0s;-ms-transition:opacity 0.1s linear  0s;-o-transition:opacity 0.1s linear  0s;transition:opacity 0.1s linear  0s}.isiduser_menu-bottom-fixed>li{width:56px;height:56px}.isiduser_menu-bottom-fixed>li>a{bottom:0;font-size:1.9em;line-height:1.4em;width:56px;height:56px;z-index:1}.isiduser_menu-bottom-fixed li > a:hover,
.isiduser_menu-bottom-fixed li>a:focus{background-color:#e67c73;box-shadow:0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);-webkit-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-moz-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-ms-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;-o-transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s;transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.isiduser_menu-bottom-fixed
.parent{margin:0;padding-top:17px;position:relative}.isiduser_menu-bottom-fixed>.parent{height:56px;width:56px}.isiduser_menu-bottom-fixed .parent:hover{opacity:1}.isiduser_menu-bottom-fixed a > .isiduser_menu-icon,
.isiduser_menu-bottom-fixed .parent>a>.isiduser_menu-icon-add{width:18px;height:18px;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;font-size:18px}.isiduser_menu-bottom-fixed .parent>a>.isiduser_menu-icon{opacity:0}.isiduser_menu-bottom-fixed .parent > a > .isiduser_menu-icon,
.isiduser_menu-bottom-fixed .parent>a>.isiduser_menu-icon-add{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-moz-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-ms-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;-o-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s}.isiduser_menu-bottom-fixed .parent:hover > a > .isiduser_menu-icon,
.isiduser_menu-bottom-fixed .parent:hover>a>.isiduser_menu-icon-add{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.isiduser_menu-bottom-fixed .parent:hover>a>.isiduser_menu-icon{opacity:1}.isiduser_menu-bottom-fixed .parent:hover>a>.isiduser_menu-icon-add{opacity:0}.isiduser_menu-bottom-fixed.isiduser_position-left a
.isiduser_title{left:100%;right:auto}.isiduser_menu-bottom-fixed a
.isiduser_title{visibility:hidden;position:absolute;top:0;bottom:0;right:100%;width:auto;color:#FFF;padding:0
10px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:nowrap;opacity:0;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear}.isiduser_menu-bottom-fixed li a:hover
.isiduser_title{visibility:visible;opacity:1;line-height:1.2em}.isiduser_menu-bottom-fixed .parent>.nav-child{bottom:0;left:0;margin:auto;position:absolute;right:0;width:40px;visibility:hidden}.isiduser_menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.isiduser_menu-bottom-fixed .parent:hover>.nav-child{bottom:100%;visibility:visible}.isiduser_menu-bottom-fixed .parent>.nav-child>li>a.img{background:#FFF}.isiduser_menu-bottom-fixed .parent > .nav-child > li > a
img{width:32px;border-radius:50%;margin-top:-5px}.isiduser_menu-bottom-fixed
a{display:block;position:absolute;border:none;border-radius:50%;box-sizing:content-box;cursor:pointer;outline:none;padding:0;box-shadow:0 0 2px rgba(0,0,0,.14),0 2px 4px rgba(0,0,0,.28);background-color:#e67c73;color:#EEE;left:0;pointer-events:auto;text-align:center}.isiduser_menu-bottom-fixed a:hover,
.isiduser_menu-bottom-fixed a:focus{color:#FFF;background:#e67c73}.isiduser_menu-bottom-fixed .parent>a{height:56px;width:56px;font-size:1.9em;line-height:1.4em;bottom:0px;z-index:1}.isiduser_menu-bottom-fixed>.parent>a{z-index:2}.isiduser_menu-bottom-fixed .parent > .nav-child > li
a{height:40px;width:40px;font-size:1.2em;line-height:1.4em;left:0;right:0;margin:auto;-webkit-transform:scale(0.4) rotate(360deg);-moz-transform:scale(0.4) rotate(360deg);-ms-transform:scale(0.4) rotate(360deg);-o-transform:scale(0.4) rotate(360deg);transform:scale(0.4) rotate(360deg);-webkit-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-moz-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-ms-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;-o-transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s;transition:all 120ms cubic-bezier(0.25, 0.25, 0, 1) 0s}.isiduser_menu-bottom-fixed .parent:hover > .nav-child > li
a{-webkit-transform:scale(1) rotate(360deg);-moz-transform:scale(1) rotate(360deg);-ms-transform:scale(1) rotate(360deg);-o-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}.isiduser_menu-bottom-fixed
.isiduser_table{display:table;height:100%}.isiduser_menu-bottom-fixed .isiduser_table-cell{vertical-align:middle;display:table-cell}.isiduser_menu-bottom-fixed .isiduser_table-cell
span{background:rgba(0, 0, 0, 0.6);color:rgb(255, 255, 255);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px
12px}@media(max-width: 1024px){.isiduser_menu-bottom-fixed:before{content:"";top:0;left:0;opacity:0;position:fixed}.isiduser_menu-bottom-fixed.isiduser_hover:before{opacity:1;width:100%;height:100%}}@media(max-width: 767px){.isiduser_menu-bottom-fixed:before{content:"";top:0;left:0;opacity:0;position:fixed;background:rgba(255,255,255,0.75);-webkit-transition:opacity 0.3s linear 0s;-moz-transition:opacity 0.3s linear 0s;-ms-transition:opacity 0.3s linear 0s;-o-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s}.isiduser_menu-bottom-fixed.isiduser_hover:before{opacity:1;width:100%;height:100%}}
/*--------------------------------------------------------------
fixed menu user hover
--------------------------------------------------------------*/
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221aa2 > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221aa2 > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221aa2 > a:focus{
                background-color: #06C;}
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221e8a > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221e8a > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb221e8a > a:focus{
                background-color: #e18114;}
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2224d1 > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2224d1 > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2224d1 > a:focus{
                background-color: #21759b;}
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a15 > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a15 > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a15 > a:focus{
                background-color: #ffc721;}
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a16 > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a16 > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb222a16 > a:focus{
                background-color: #607D8B;}				
.isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2231db > a,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2231db > a:hover,
            .isiduser_menu-bottom-fixed .isiduser_menu-item-572d9fb2231db > a:focus{
                background-color: #673AB7;}
.isiduser_menu-bottom-fixed .parent:hover > .nav-child > li:nth-child(1) a{
 -webkit-transition-delay: 60ms;
                        -moz-transition-delay: 60ms;
                        -ms-transition-delay: 60ms;
                        -o-transition-delay: 60ms;
                        transition-delay: 60ms;
}
.isiduser_menu-bottom-fixed .parent:hover > .nav-child > li:nth-child(2) a{
 -webkit-transition-delay: 30ms;
                        -moz-transition-delay: 30ms;
                        -ms-transition-delay: 30ms;
                        -o-transition-delay: 30ms;
                        transition-delay: 30ms;
}
/* ========================================================================
   tv :)
 ========================================================================== */
.tv-widget{background:#494949}header.widget-header{height:75px;width:100%;padding-top:10px}
.tv-widget-header{background:#333}.widget-header-icon{width:62px;height:50px;margin:0 auto 0}
.tv-widget-header-icon{background:url(../images/bg-widget.png) no-repeat top}.widget-title{    
width: 100%;
    text-align: center;
    margin-top: 20px;
    letter-spacing: -.2px;
    font-family: tahoma !important;
    font-weight: bold !important;
    font-size: 17px !important;
    line-height: 1.2 !important;}
    
.tv-widget .widget-title{color:#fff}.widget-text-details{width:90%;overflow:hidden;margin:5px auto 0;color:#939393;font-weight:200;line-height:25px;text-align:center}
.tv-widget .widget-text-details{color:#d7d7d7}
.tv-widget-link-bg a{    
    display: block;
    width: 150px;
    height: 40px;
    font-weight: normal;
    color: #fff !important;
    line-height: 40px;
    margin: 15px auto 0;
    text-align: center;
     background-color: #00b4ff;
    border: 3px solid #fff;
    border-radius: 50px;
    box-shadow: 45px 0 0 0 #FFEB3B inset;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    
}
.tv-widget-link-bg a:hover{
    background: #fff;
    box-shadow: 200px 0 0 0 #9C27B0 inset;
    color: #000;a    
    border: 3px solid #fff;
    
}
.tv-widget-link-bg a:after {
    content: "\f187";
    font-family: fontawesome;
    background: #F44336;
    font-size: 12px;
    width: 20px;
    height: 20px;
    color: #CDDC39;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: inline-block;
    margin-left: -10px;
}
.widget-right{overflow:hidden;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding-bottom:25px}
/* ==========================================================================
   isid telegram
   ========================================================================== */
a.telegram-chanel {
    color: #fff;
    background: #03a9f4;
    height: 100%;
    padding: 15px;
    line-height: 33px;
    width: 100%;
    font-size: 14px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        display: inline-block;
}
a.product-author {
    background: #f44336 !important;
}
.telegram-chanel i {
    font-size: 33px;
    float: right;
    margin-left: 10px;
}
.telegram-chanel .pull-left {
    border: 2px solid #fff;
    color: #fff;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    transition: all .3s;
    border-radius: 3px;
        font-family: tahoma;
}
.telegram-chanel:hover .pull-left {
    color: #03a9f4;
    background: #fff;
}
/* ==========================================================================
   isid ticket right
   ========================================================================== */
.userbox h2 {
	height: 45px;
	background: url(../images/icons.png) no-repeat right -1640px;
}
.userbox a.greenlink {
	background: url(../images/icons.png) no-repeat right -892px #8ABD44;
	padding: 6px 45px 6px 15px;
	border-radius: 3px;
	margin: 0px 0px 0px 15px;
	font-size: 14px;
	color: white;
}
.userbox a.translink {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
}
.userbox a.translink:hover {
	background:rgba(255,255,255,0.1);
}
.userbox {
	background: url(../images/iconpattern.gif) #3CA3F4;
	padding: 43px 15px;
	font: 13px/2 IRANSans;
	color: white;	
}
/*--------------------------------------------------------------
service box
--------------------------------------------------------------*/
.service-site{padding-right:18px;position:relative}
.rtl .service-site{padding-left:18px;padding-right:inherit}
.service-site .media{-webkit-transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-border-radius:4px;-moz-border-radius:4px;
-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;
padding:45px 35px 40px 25px;;min-height:90px;
background: url(../images/bb.png);background-size: 300px 300px, auto;color:#fff}.service-site .media .title-service{margin:0 0 5px;font-size:12px;font-weight:800;
text-shadow: 0 1px 2px rgba(0,0,0,.6);color:#fff}.service-site .media .icon-box{    font-size: 35px;margin-left: 45px;margin-right: inherit;margin-top: -15px;}.rtl .service-site .media .icon-box{float: left !important;margin-right:inherit;font-size: 30px}.service-site .media .detail-service{color:rgb(255, 255, 255);font-size:13px;margin-bottom:0;width:96%;text-align:justify;margin: 0}.service-site .bg-color-1{background-color:#558b2f}.service-site .bg-color-2{background-color:#ffa000}.service-site .bg-color-3{background-color:#7e57c2}.service-site .bg-color-4{background-color:#d32f2f}.service-site .btn-floating{left: -18px;right: auto;border: 1px solid #009688
;position:absolute;
top:50%;
margin-top:-14.5px
;background-color:#fff;-webkit-box-shadow:none;
box-shadow:none;-webkit-transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.rtl .service-site .btn-floating{left:0;right:auto}.service-site .btn-floating i{color:#999999}.service-site .waves-effect .waves-ripple{background-color:#96cb4b}.service-site:hover .btn-floating,.service-site:hover .media{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #FFF;
  line-height: 37px;
}
.btn-floating {
  display: inline-block;
  color: #FFF;
  position: relative;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #26a69a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.ApColumn {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right: 10px;
}
.ApRow {
    display: inline-flex;
}
/*--------------------------------------------------------------
cat menu shopping
--------------------------------------------------------------*/
.cat-list a:hover .label {background-color: #fff;color: #000 !important;}

.cat-list a.isid1{background:url(../images/isid/isid1.png) left -7px no-repeat;color:#dd3333; background-color: #F44336;}
.cat-list a.isid2{background:url(../images/isid/isid2.png) left -7px no-repeat;background-color: #673AB7;}
.cat-list a.isid3{background:url(../images/isid/isid3.png) left -7px no-repeat;background-color: #9C27B0;}
.cat-list a.isid4{background:url(../images/isid/isid4.png) left -7px no-repeat;background-color: #4CAF50;}
.cat-list a.isid5{background:url(../images/isid/isid5.png) left -7px no-repeat;background-color: #FF9800;}
.cat-list a.isid6{background:url(../images/isid/isid6.png) left -7px no-repeat;background-color: #00BCD4;}
.cat-list a.isid7{background:url(../images/isid/isid7.png) left -7px no-repeat;background-color: #8BC34A;}
.cat-list a.isid8{background:url(../images/isid/isid8.png) left -7px no-repeat;background-color: lightsalmon;}
.cat-list a.isid9{background:url(../images/isid/isid9.png) left -7px no-repeat;background-color: #FFC107;}
.cat-list a.isid10{background:url(../images/isid/isid10.png) left -7px no-repeat;}

.cat-list a.isid1:hover{background-color:#00BCD4 !important;color:#fff;background-position:left -70px}
.cat-list a.isid2:hover{background-color:#3498db !important;color:#fff;background-position:left -70px}
.cat-list a.isid3:hover{background-color:#2ecc71 !important;color:#fff;background-position:left -70px}
.cat-list a.isid4:hover{background-color:#e67e22 !important;color:#fff;background-position:left -70px}
.cat-list a.isid5:hover{background-color:#8e44ad !important;color:#fff;background-position:left -70px}
.cat-list a.isid6:hover{background-color:#f1c40f !important;color:#fff;background-position:left -70px}
.cat-list a.isid7:hover{background-color:#607D8B !important;color:#fff;background-position:left -70px}
.cat-list a.isid8:hover{background-color:#1abc9c !important;color:#fff;background-position:left -70px}
.cat-list a.isid9:hover{background-color:#795548 !important;color:#fff;background-position:left -70px}
.cat-list a.isid10:hover{background-color:#3F51B5 !important;color:#fff;background-position:left -70px}


.cat-list a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	 border: 1px solid #ebeced;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 5px 5px;
	text-align: right;
	font-weight: 300;
    width: 100%;
    color: #fff !important;
    background-color: #F9F9F9;
    margin-bottom: 5px;
    transition: all .5s;
	direction: rtl;
}

.cat-list a:before {
content: "\f0eb";
    margin-left: 5px;
    background-color: wheat;
    -webkit-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    box-shadow: -5px 10px 15px rgba(0,0,0,0.25);
    width: 15px;
    height: 15px;
    color: #795548;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
}

.label-info, .label-primary, .label-success, .label-info, .label-warning, .label-danger {
    margin-left: 60px!important;
    float: left!important;

}
.cat-list rowside {
    background-color: #eeeff1;

}

.badge{
font-size: 13px;
    color: white;
    border-radius: 50%;
    float: left;
    background: repeating-linear-gradient(45deg, #8BC34A 30%, #ba43fc 180%);
    text-align: center;
    z-index: 10;
    width: 50px;
    height: 50px;
    line-height: 30px;
    padding: 5px;
    direction: ltr;
}

/* ========================================================================
   slide bg :)
 ========================================================================== */
.search_area {
    padding: 10px 0;
    position: relative;
}
.search_area h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    text-align: center;
	position: relative;
}
.search_area h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    text-align: center;
	position: relative;
    padding-top: 30px;
}
.search_area .categories {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    font-size: 16px;
    padding-top: 10px;
	position: relative;
	direction: rtl;
}
.search_area .categories a {
    display: inline-block;
    margin-right: 10px;
    height: 40px;
    padding: 0 15px;
    border-radius: 25px;
    color: #fff;
    -webkit-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    font-size: 15px;
}
.search_area .categories a:nth-child(1) {
    background: #fa476f;
    background-image: linear-gradient(to right, #fe3b0e, #ff9d28);
    box-shadow: 0 3px 25px -5px #ff9927;
}
.search_area .categories a:nth-child(1):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
    -moz-box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
    box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
}
.search_area .categories a:nth-child(2) {
       background: #f6bb42;
    background-image: linear-gradient(to right, #ffbd47, #ffe800);
    box-shadow: 0 3px 25px -5px #ffcf06;
}
.search_area .categories a:nth-child(2):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px #e5ad37;
    -moz-box-shadow: inset 0px -40px 0px 0px #e5ad37;
    box-shadow: inset 0px -40px 0px 0px #e5ad37;
}
.search_area .categories a:nth-child(3) {
    background: #3bafda;
    background-image: linear-gradient(to right, #0084FF, #58D3FF);
    box-shadow: 0 3px 25px -5px #58D3FF;
}
.search_area .categories a:nth-child(3):hover {
    background: #3bafda;
    -webkit-box-shadow: inset 0px -40px 0px 0px #2498c1;
    -moz-box-shadow: inset 0px -40px 0px 0px #2498c1;
    box-shadow: inset 0px -40px 0px 0px #2498c1;
}
.search_area .categories a:nth-child(4) {
    background: #8cc152;
     background-image: linear-gradient(to right, #11b719, #39f771);
    box-shadow: 0 3px 25px -5px #36f26a;
}
.search_area .categories a:nth-child(4):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px #7db046;
    -moz-box-shadow: inset 0px -40px 0px 0px #7db046;
    box-shadow: inset 0px -40px 0px 0px #7db046;
}
.search_area .search_wrapper {
    text-align: center;
    font-size: 0;
    margin: 10px auto 0;
    width: 900px;
    position: relative;
}
.search_area form input {
    width: 700px;
    height: 70px !important;
    background: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    border: none;
    padding: 0 20px;
    line-height: 70px;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    font-size: 16px;
    float: right;
}
.search_area form button {
    width: 85px;
    height: 70px;
    background: #434a54;
    color: #fff;
    -webkit-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    -moz-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    border: none;
    line-height: 70px;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    font-size: 28px;
    padding: 0;
    float: right;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.search_area form button:hover {
    -webkit-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
    -moz-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
    box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
}
.search_area .search_wrapper .i_type {
    float: left;
    margin-top: 25px;
}
.search_area .search_wrapper .i_type a {
        font-size: 17px;
    color: #FFEB3B;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    margin-right: 20px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.search_area .search_wrapper .i_type a:before {
      content: "\f137";
    font-family: FontAwesome;
    color: #FFC107;
    display: inline-block !important;
    font-size: 12px;
    margin-left: 3px;
}
.search_area .search_wrapper .i_type a:hover {
    color: #99ca6a;
}

.sppb-addon-single-image-container {
    display: inline-block;
    position: relative;
        margin-right: 45%;
            box-shadow: 0 25px 20px -21px #F44336;
}
/* service icon */
div#wallet-tk-tabswrapper div#wallet-tk-tabs a{display: inline-block; margin: 0 5px; }
div#wallet-tk-tabswrapper div#wallet-tk-tabs a:hover{}
div#wallet-tk-tabswrapper div#wallet-tk-tabs a.selected{color: #fff; background: #9ACC00;}
div#wallet-tk-tabswrapper {display: inline-block; width: 100%;}
div#wallet-tk-tabswrapper div#wallet-tk-tabs{display:inline-block; width:100%; text-align: center; padding: 5px;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    background: azure;
        margin-bottom: 20px;
    
    
}  

.helpshop1 {   
        line-height: 70px;
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #2196F3 url(../images/bb.png);
    background-size: 100px 100px, auto;
    color: #fff;
    transition: .6s;
-webkit-transition: .6s;
box-shadow: 0 0 0 3px #fff inset;
    border: 1px dashed;
    
}
.helpshop1:hover, .helpshop2:hover, .helpshop3:hover, .helpshop4:hover, .helpshop5:hover  {   
    background: #9C27B0;
    color: #fff;
    box-shadow: 0 0 0 30px #9C27B0 inset;
        
}
.helpshop2 {   
       line-height: 70px;
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #FFC107 url(../images/bb.png);
    background-size: 100px 100px, auto;
    color: #fff;
    transition: .6s;
-webkit-transition: .6s;
box-shadow: 0 0 0 3px #fff inset;
    border: 1px dashed;
    
}
.helpshop3 {    
        line-height: 70px;
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #8BC34A url(../images/bb.png);
    background-size: 100px 100px, auto;
    color: #fff;
    transition: .6s;
-webkit-transition: .6s;
box-shadow: 0 0 0 3px #fff inset;
    border: 1px dashed;
    
}
.helpshop4 {    
      line-height: 70px;
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #E91E63 url(../images/bb.png);
    background-size: 100px 100px, auto;
    color: #fff;
    transition: .6s;
-webkit-transition: .6s;
box-shadow: 0 0 0 3px #fff inset;
    border: 1px dashed;
    
}
.helpshop5 {
    line-height: 70px;
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #00BCD4 url(../images/bb.png);
    background-size: 100px 100px, auto;
    color: #fff;
    transition: .6s;
-webkit-transition: .6s;
    box-shadow: 0 0 0 3px #fff inset;
        border: 1px dashed;
}
    
span.order-label {
	border-radius: 3px;
	display: inline-block;
	padding: 7px 4px 7px 4px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px !important;
	color: #FFF;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background-color: #999;
	box-shadow: 0 0 0 3px #fff inset;
}

.status-label-ticket-open {
	padding: 5px 10px 9px;
	border: 1px solid #FF9800;
	font-family: IRANSans;
	font-size: 12px;
	font-weight: normal;
	border-radius: 100px !important;
	width: 90px;
	background: none !important;
	color: #B700FF !important;
	text-shadow: none !important;
}
.status-label-ticket-open:hover {
      color: #fff !important;
    background: #FF9800 !important;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border-radius: 50px;
    box-shadow: 35px 0 0 0 #673ab7 inset;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

/* ========================================================================
   sb :)
 ========================================================================== */
 
 .search-in-header {
    height: 40px;
    margin: 10px 0 0 0;
    background-color: #878787;
    border-radius: 3px;
    padding: 5px 0;
}

form#search input.search-in {
width: 85%;
border: none;
background-color: inherit !important;
float: right;
color: white;
height: 30px !important;
padding: 10px;
}

.search-btn {
     width: 30px;
    float: left;
    background-color: #F5B62C;
    cursor: pointer;
    margin-left: 5px;
    border: none;
    font-weight: 500;
    color: #24252a;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 10px;
    height: 30px;
    padding: 10px;
}

i.fa.fa-search {
}
 
 
 
 
 
 
/* ========================================================================
   su :)
 ========================================================================== */
.su-heading-style-5 .su-heading-inner:before {
    left: 100%;
}
.su-heading.su-heading-align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 10px;
    height: 50px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.su-heading-style-5 .su-heading-inner:after, .su-heading-style-5 .su-heading-inner:before {
    content: '';
    position: absolute;
    width: 1200px;
    height: 100%;
    background-image: url(../images/strip-pattern.svg);
}
.su-heading-style-5 {
    overflow: hidden;
}
.su-heading {
    margin-bottom: 0px;
}
.su-heading-style-5 .su-heading-inner:after, .su-heading-style-5 .su-heading-inner:before {
    top: 0;
}
.su-heading-style-5 .su-heading-inner:after {
    right: 100%;
}
.su-heading-style-5 .su-heading-inner {
       position: relative !important;
    display: inline-block!important;
    padding: 0 10px!important;
    overflow: initial !important;
}
.su-heading .su-heading-inner {
            font-size: 18px!important;
    color: #fff!important;
    background-color: #F44336;
    padding: 3px 5px !important;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.su-heading-style-5 .su-heading-inner:before {
    left: 100%;
}

/* ========================================================================
   Gooey Menu :)
 ========================================================================== */
.LeftSide_Box {
    width: 320px;
    padding: 20px 10px 0px;
    text-align: right;
    background-color: #fff;
    border: 0 solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: #000;
    outline: none;
    position: absolute;
        right: -190px;
    top: 45px;
    border-radius: 10px;
    border-bottom: 3px solid #de5648;
}

.LeftSide_Box:before {
     content: "\f0d8";
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    top: -18px;
    float: left;
    left: 35%;
    margin-left: -4px;
    color: white;
    font-size: 30px;
}

li.SearchBar_Part .LeftSide_Box {
    text-align: right;
    width: 100vw;
    padding: 10px;
    left: -15px;
    background-color: #fff;
    border-radius: 0;
}
.IMG_Box img {
    width: 90px;
    height: 90px;
        background: #FF9800;
}
.img-circle {
    border-radius: 50%;
}
.LeftSide_Box_Bottom {
     border-top: 1px solid #aaa;
    background-color: #bbb;
    height: 40px;
    padding: 5px;
    line-height: 20px;
}
.LeftSide_Box_Top .IMG_Box {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid #ddd;
    overflow: hidden;
}
.Information_Box {
      display: inline-block;
    margin-right: 5px;
    margin-top: 30px;
    text-align: right;
    padding-top: 5px;
    vertical-align: top;
    background: #4CAF50;
    padding: 5px;
    border-radius: 4px;
}

.Information_Box .txt {
       display: inline;
    font-size: 11px;
    color: white;
}



.LeftSide_Box_Bottom a {
    display: block;
    margin: 1px auto 1px 5px;
    border-radius: 28px;
    border: 2px solid #fff;
    background-color: #fff;
    text-align: center;
    width: 100px;
    padding: 2px 5px;
    color: #999;
    font-size: 13px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Edit_Lable {
    position: absolute;
    z-index: 20;
    bottom: 0;
    height: 25px;
    width: 100%;
    color: #eee;
    text-align: center;
    padding-top: 5px;
    font-size: 11px;
    font-weight: 500;
    background-color: rgba(20,20,20,.65);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.Edit_Lable:hover {
    height: 90px;
    padding-top: 40px;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.iTabs-Content {
    padding: 0;
    min-height: 100px;
}
.event-Section {
    position: relative !important;
    margin: 10px 20px 10px auto !important;
    height: auto !important;
    line-height: 7px !important;
    padding: 20px 10px;
    width: 100% !important;
    font-size: 10px;
    font-weight: 500;
        top: 5px !important;
}
.alert {
       color: white !important;
    opacity: 0.95;
    top: 20px;
    margin: 0 auto;
    position: fixed;
    z-index: 9002;
    text-align: center;
    left: 0;
    line-height: 5;
    right: 0;
    width: 40%;
    border-radius: 8px 8px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    background-color: #ffa000 !important;
}
.close {
    background: #ed2553;
    color: white;
    border-radius: 50%;
    font-size: 25px;
    width: 40px;
    height: 40px;
    padding: 10px;
    line-height: 20px;
}
.alert.alert-message h4 {
    color: yellow !important;
}
.LeftSide_Box_Top {
    padding: 10px 30px 0;
    text-align: right;
}
div.is_id1 {
    display: inline-block;
    position: relative;
}
div.Search_isid {
    margin-left: -15px;
    display: inline-block;
    position: relative;

}
div.Profile_isid {
    margin-left: -15px;
    display: inline-block;
    position: relative;
}

.LeftSide_BTN {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 50% !important;
    overflow: hidden;
    border: 2px solid #fff !important;
    text-align: center;
    padding: 0px;
    background: #9C27B0;
    color: white;
    line-height: 5px;
}
.LeftSide_BTN:hover {  
    
    background: #FF9800;
    color: white;
    
}


.Triangle_TopS {
    top: -8px;
}
.Triangle_TopF {
    top: -9px;
}


.isid_Item {
    display: inline-block;
    width: 96px;
    height: 92px;
    overflow: hidden;
    margin: 5px auto;
    text-align: center;
}

.isid_Item :hover {
   background: #9C27B0;
    color: #fff;
    box-shadow: 0 0 0 30px #9C27B0 inset;
}
.isidrow {
    margin: 0;
    padding: 0;
    display: block;
}
.Circle_isid{
   color: white;
    width: 64px;
    height: 64px;
    margin: 0 auto 3px;
    border-radius: 50%;
    border: 3px dashed #00BCD4;
    background-color: #FF9800;
    text-align: center;
    padding-top: 13px;
     transition: .6s;
    -webkit-transition: .6s;
    box-shadow: 0 0 0 1px #fff inset;
}

.iTitle {
       color: white;
    font-size: 9px;
    font-weight: 500;
    background-color: #8BC34A;
    padding: 5px;
    border-radius: 100px;
      transition: .9s;
    -webkit-transition: .9s;
    box-shadow: 0 0 0 1px #4caf50 inset;
}

.iTitle :hover {
background: #fff;
    color: #fff;
        box-shadow: 200px 0 0 0 #03A9F4 inset;
}
======


.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
color: blue;
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #f39c12;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }



div.itemCategory a {
        color: #FFEB3B;
            margin-right: 3px;
                font-size: 10px;
            
}
div.itemCategory a:hover {
    color: black;
}

.nav>li>a {
    display: inherit;
}

.nav-tabs {   
    border: 5px solid #fff;
    background: #ddd;
    padding: 5px;
    margin-bottom: 1px;
 }
.nav-tabs > li > a { 
    background: #836ae9 !important;
     color: #fff !important;
        transition: all linear 0.3s;
    border: none !important;
    border-radius: 0px;
    margin: 0 0px 2px 5px;
    padding: 5px 5px !important;
    line-height: 30px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover { 
     color: #fff !important;
    background: #FF5722 !important;
    transition: all linear 0.3s;
}

.nav-tabs > li.active > a:after, .nav-tabs > li > a:hover:after { 
    border-color: #ff5722 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    content: " ";
    width: auto;
    height: auto;
    bottom: -20px;
    margin-left: -10px;
    left: 50%;
    border-width: 10px;
    border-style: solid;
}


.tab-content{
    background: white;
    min-height: 100px;
    padding: 5px;
        padding-top: 20px;
}
.card {
    margin-bottom: 30px;
    margin-right: -16px;
    margin-left: -15px;
    border: 10px solid #fff;
    text-align: justify;
    background: #03A9F4;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 1px;
}

div.catItemReadMore a {
color: #fff !important;
    background: #E91E63 !important;
    border-radius: 50px !important;
    box-shadow: 35px 0 0 0 #673ab7 inset;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    color: white !important;
    display: inline-flex;
    line-height: 2 !important;
    width: 130px;
    padding: 5px !important;
        border: 5px solid gainsboro;
}

#system-message-container {
background: #fff !important;
}




/* ========================================================================
   vp
 ========================================================================== */
/////vpau-modal-header {
    color: #FFEB3B;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
    background-image: url(https://www.isid.ir/modules/mod_bt_login/tmpl/images/login.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em;
    height: 110px;
    border-bottom: none;
}

#vp-login-modal-276 .vpau-modal-dialog, #vp-registration-modal-276 .vpau-modal-dialog {
    border-radius: 6px;
    -webkit-box-shadow: 0 15px 50px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 50px rgba(0,0,0,.3);
    box-shadow: 0 15px 50px rgba(0,0,0,.3);
    border: 0;
    color: #777777;
}

//////.vpau-modal-inner {
    padding: 5px;
    border-radius: 2px;
    border: 2px solid #fff;
    color: #fff !important;
    background-color: #4CAF50;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


.vp-tab-contents, .vp-empty-box, .vp-inner-wrapper {
    background: white;
}

.vp-wrapper select, .vp-wrapper textarea, .vp-wrapper input[type="text"], .vp-wrapper input[type="password"], .vp-wrapper input[type="datetime"], .vp-wrapper input[type="datetime-local"], .vp-wrapper input[type="date"], .vp-wrapper input[type="month"], .vp-wrapper input[type="time"], .vp-wrapper input[type="week"], .vp-wrapper input[type="number"], .vp-wrapper input[type="email"], .vp-wrapper input[type="url"], .vp-wrapper input[type="search"], .vp-wrapper input[type="tel"], .vp-wrapper input[type="color"], .vp-wrapper .uneditable-input, .vp-wrapper input[type="text"]:required:invalid, .vp-wrapper input[type="password"]:required:invalid, .vp-wrapper input[type="number"]:required:invalid, .vp-wrapper input[type="email"]:required:invalid, .vp-wrapper input[type="date"]:required:invalid, .vp-wrapper input[type="url"]:required:invalid, .vp-wrapper input:required[type="search"]:invalid, .vp-wrapper input[type="tel"]:required:invalid, .vp-wrapper input:required[type="color"]:invalid, .vp-wrapper input[type="datetime"]:required:invalid {
    color: #666 !important;
    height: 45px !important;
    background: #eff3f6;
    border: 0 !important;
    padding: 0 15px !important;
    border-radius: 3px;
    width: 100% !important;
    transition: all .3s linear 0s !important;
    -webkit-transition: all .3s linear 0s;
    padding-right: 42px !important;
    border-radius: 3px;
    box-shadow: none;
}
.vpau-social {
    margin: 0 15px 0 80px;
    text-align: center!important;
     
}
.vpau-btn > .vpau-icon-container {
    float: right;
}

#vp-login-modal-276 .vpau-btn-google, #vp-registration-modal-276 .vpau-btn-google {
    background: #f26c61;
    border-radius: 6px;
}
.vpau-modal-header > h3 {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    background-color: #4CAF50;
    color: #fff;
    border-radius: 0 19px 19px 19px;
    height: 32px;
    padding: 0 22px;
}
button.vpau-modal-close {
    float: left !important;
}
.vp-wrapper .vp-btn-primary {
line-height: 28px !important;
    width: 32px !important;
    height: 32px !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    text-align: center;
    padding: 0px !important;
    margin-top: -23px !important;
    margin-bottom: 5px !important;
    margin-left: -10px !important;
    background-color: rgb(233, 30, 99) !important;
        font-size: 11px !important;
}

.vp-wrapper .vp-btn-lg {
    border-color: #B71FC0!important;
    font-size: 14px;
    font-weight: 400;
    height: 41px !important;
    padding: 0 25px !important;
    border: 0 !important;
    border-radius: 20.5px !important;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out;
    background-color: #B71FC0!important;
    width: 100% !important;
    padding: 0 30px !important;
    color: #fff;
    margin-top: 5px !important;
}

#btl .btl-panel > span, button.btl-buttonsubmit, input.btl-buttonsubmit {
    border-radius: 0px;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin-right: 3px;
}
.vp-form-submission .vp-btn-primary:hover {
   border: 2px solid #B71FC0 !important;
color: #B71FC0 !important;
background-color: white !important;
}
.vp-wrapper label.invalid, .vp-wrapper .vp-invalid label {
    color: inherit;
}
li.login-greeting-modal{
      border-radius: 14px 0 14px 0 !important;
    background: red;
    color: white;
    line-height: 28px !important;
    border: 1px solid #fff !important;
    text-align: center;
    padding: 1px !important;
    height: 30px;
    margin-bottom: 2px;
}
.vpau-social-buttons .vpau-btn {
    height: 30px;
}
.vpau-btn > .vpau-text {
    line-height: 30px !important;
}
.vp-wrapper * {
    font-style: normal;
}
.vpau-modal-footer a {
      display: inline-block;
    font-size: 12px;
    line-height: 28px;
    background-color: #FF9800;
    color: white;
    border-radius: 0 19px 19px 19px;
    height: 32px;
    padding: 0 15px;
}
.vpau-modal-footer a:hover {
    background-color: #03A9F4;
}

div.vp-login-page {
    position: relative;
    background: #0ab052;
       margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 0 3px #fff inset;
}