@font-face {
    font-family: 'iransans';
    src: url('../asset/fonts/iransans/iransans.eot');
    src: url('../asset/fonts/iransans/iransans.eot?#iefix') format('embedded-opentype'),
    url('../asset/fonts/iransans/iransans.woff') format('woff'),
    url('../asset/fonts/iransans/iransans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'fontello';
    src: url('../asset/fonts/fontello/fontello.eot?6735120');
    src: url('../asset/fonts/fontello/fontello.eot?6735120#iefix') format('embedded-opentype'),
    url('../asset/fonts/fontello/fontello.woff2?6735120') format('woff2'),
    url('../asset/fonts/fontello/fontello.woff?6735120') format('woff'),
    url('../asset/fonts/fontello/fontello.ttf?6735120') format('truetype'),
    url('../asset/fonts/fontello/fontello.svg?6735120#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?6735120#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0حط;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .0em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-logo:before { content: '\e800'; } /* '' */
.icon-aparat:before { content: '\e801'; } /* '' */


body {
    overflow-x: hidden;
}

body,
#myLogin #login-form,
div.catItemHeader h3.catItemTitle,
div.itemHeader h2.itemTitle,
.page-404 {
    font-family: 'iransans' !important;
}

h1, h2, h3,
.navi > li > .item-link .menu-title,
.advertisements.k2ItemsBlock > ul > li .main-item .moduleItemTitle,
#yt_wrapper div.moduletabs div.tabs-container ul.tabs li .tab.selected, #yt_wrapper div.moduletabs div.tabs-container ul.tabs li .tab:hover,
.catItemView.grid .read-more,
.badge, label {
    font-weight: normal !important;
}

#myLogin .modal-dialog {
    text-align: right !important;
}

.rtl .wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-left .item-about .item-content {
    text-align: left !important;
}

#k2Container.itemListView .itemList .itemContainer .catItemView .main-item .catItemRatingBlock,
.wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-left, .wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-center, .wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-right,
.wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-right .item-about .item-icons,
#meganavigator .mega-content .mega-col {
    float: right !important;
}

#k2Container.itemListView .itemList.listDirectory .rate-comment .icomments,
.global_pagination .pagination > li:last-child, .k2_Pagination .pagination > li:last-child, .k2Pagination .pagination > li:last-child, .pager .pagination > li:last-child, .search .pagination .pagination > li:last-child,
.wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-left .item-about .item-icons,
.rtl #k2Container.itemListView .itemList .itemContainer .catItemView .main-item .catItemRatingBlock {
    float: left !important;
}

.rtl .wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-right .item-about .item-content {
    direction: rtl !important;
}

.rtl .wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-left .item-about .item-content {
    direction: ltr !important;
}

#myLogin h3.title {
    font-size: 20px !important;
}

.home-layout2 #yt_wrapper .title-global2 h3 {
    font-size: 22px !important;
}

#slideshow .container-slider .page-button {
    left: 15px;
    right: auto !important;
}

.home-layout2 #yt_wrapper #yt_footer_bottom .about-footer2 .col-social .list_social li a {
    line-height: 46px !important;
}

#yt_wrapper div.moduletabs div.tabs-content-wrap div.tabs-content .k2ItemsBlock ul li .moduleItemIntrotext .main .moduleItemTitle {
    line-height: 15px !important;
    height: 32px !important;
    overflow: hidden !important;
}

#meganavigator .mega-group .mega-group-content .mega_k2 > ul > li .main .moduleItemTitle {
    line-height: normal !important;
}

.k2ItemsBlock.k2-recent ul li .moduleItemIntrotext .main .moduleItemTitle a,
.catItemView.grid .main-item .catItemHeader h3 a,
#meganavigator .mega-group .mega-group-content .mega_k2 > ul > li .main .moduleItemTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

.k2ItemsBlock.k2-popular ul li .moduleItemIntrotext .moduleItemImage {
    padding: 10px !important;
}

div.itemToolbar {
    border: none !important;
}

.home-layout2 #yt_wrapper .sjflatmenu .modtitle {
    padding-top: 16px !important;
}

div.itemToolbar ul li {
    border-right: 1px solid #ccc;
    border-left: none !important;
}

.catItemView.grid .read-more {
    border-left: none !important;
    border-right: 2px solid #f5aa06;
}

.wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-right .item-about .item-content {
    padding-right: 20px;
    padding-left: 0 !important;
}

.wrapper-about-page .content-box .main-item .itemBody .page-about .about-top .content-about .item-about-left .item-about .item-content {
    padding-left: 20px;
    padding-right: 0 !important;
}

#k2Container.itemListView .itemList .itemContainer .catItemView.grid {
    background-color: #fff;
    padding: 20px 20px 10px;
    margin-bottom: 30px;
}

div.itemCommentsForm form input.inputbox {
    width: 100% !important;
}

.chzn-container-single .chzn-single span {
    margin-right: 0 !important;
    margin-left: 26px !important;
}

.chzn-container-single .chzn-single div {
    right: auto !important;
    left: 5px;
}

.chzn-container-single .chzn-single {
    padding: 0 8px 0 0 !important;
}

.chosen-container-single .chosen-single span {
    margin-left: 26px;
    margin-right: 5px !important;
}

.alert {
    padding: 8px 14px 8px 32px !important;
    position: relative;
}

.alert .close {
    position: absolute !important;
    top: 5px !important;
    left: -12px !important;
}

.custom-1 {
    padding: 0;
    margin: 0 -15px;
    list-style: none;
}

.custom-1 li.item {
    display: inline-block;
    width: 33.333%;
    float: left;
    padding: 0 15px;
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out;
}

.custom-1 li.item .main {
    border: 1px solid #e5e5e5;
    box-shadow: 5px 5px 0 #e5e5e5;
    padding: 20px 0;
    transition: all 0.3s ease-in-out;
}

.custom-1 li.item .main img {
    display: inline-block;
    float: right;
    margin: 0 18px;
}

.custom-1 li.item .main .content {
    overflow: hidden;
    display: block;
}

.custom-1 li.item .main .content h3 {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    color: #444;
}

.custom-1 li.item .main .content p {
    font-size: 11px;
    color: #666;
    margin: 0;
}

.custom-1 li.item:hover {
    top: 5px;
    transition: all 0.3s ease-in-out;
}

.custom-1 li.item:hover .main {
    border-color: #2796bd;
    box-shadow: 0 0 0 #2796bd;
    transition: all 0.3s ease-in-out;
}

.custom-1 li.item:hover .main img {
    -moz-animation: effect_icon 0.3s ease infinite;
    -webkit-animation: effect_icon 0.3s ease infinite;
    animation: effect_icon 0.3s ease infinite;
}

.custom-1 li.item:hover .main .content h3 {
    color: #2796bd;
}

ul.custom-2 {
    padding: 0 0 55px;
    margin: 0 -15px;
    list-style: none;
    display: block;
    overflow: hidden;
    position: relative;
}

ul.custom-2:before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    background: #dfdfdf;
}

ul.custom-2 li.item {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 0 15px;
}

ul.custom-2 li.item .main {
    position: relative;
}

ul.custom-2 li.item .main .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

ul.custom-2 li.item .main .content h3 {
    padding: 20px 20px 8px;
    margin: 0;
    font-size: 14px;
    background: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

ul.custom-2 li.item .main .content h3 a {
    color: #222;
}

ul.custom-2 li.item .main .content h3 a:before {
    display: none;
}

ul.custom-2 li.item .main:hover .content h3 {
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease-in-out;
}

ul.custom-2 li.item .main:hover .content h3 a {
    color: #2796bd;
}

ul.custom-2 li.item .main .content {
    padding: 0;
}

ul.custom-2 li.item .main .content h3 {
    position: static;
    padding: 10px 0 0;
}

ul.custom-2 li.item .main .content {
    padding: 0;
}

ul.custom-2 li.item .main .content h3 {
    position: static;
    padding: 10px 0 0;
}

@-webkit-keyframes move3 {
    0% {
        background-size: 100% 100%;
    }
    50% {
        background-size: 150% 150%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@keyframes effect_icon {
    0% {
        transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(-5deg);
        -moz-transform: rotateZ(-5deg);
        -webkit-transform: rotateZ(-5deg);
    }
    50% {
        transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    75% {
        transform: rotateZ(5deg);
        -moz-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    100% {
        transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes effect_icon {
    0% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(-5deg);
        -webkit-transform: rotateZ(-5deg);
    }
    50% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    75% {
        transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@keyframes effect_button {
    0% {
        opacity: 1;
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    100% {
        transform: translateX(100px);
        -moz-transform: translateX(100px);
        -webkit-transform: translateX(100px);
        opacity: 0;
    }
}

@-webkit-keyframes effect_button {
    0% {
        opacity: 1;
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    100% {
        transform: translateX(100px);
        -moz-transform: translateX(100px);
        -webkit-transform: translateX(100px);
        opacity: 0;
    }
}

.custom-1 li.item {
    width: 100%;
    margin: 0 0 30px;
}

.custom-1 li.item:last-child {
    margin: 0;
}

.custom-1 li.item {
    width: 100%;
    margin: 0 0 30px;
}

.custom-1 li.item:last-child {
    margin: 0;
}

.w3 h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px;
    line-height: normal;
}

h6 {
    font-size: 16px
}

.w3-serif {
    font-family: serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: "iransans", Arial, sans-serif;
    font-weight: 400;
    margin: 10px 0
}

.w3-wide {
    letter-spacing: 4px
}

.w3me-link {
    color: white
}

.w3me-link:hover {
    color: black
}

.w3-hover-opacity {
    transition: transform .2s;
}

.w3-hover-opacity:hover {
    transform: scale(1.2);
}

/*.w3-opacity,.w3-hover-opacity:hover{opacity:0.80;
  animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(1)} to{transform:scale(1.3);
    animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}
    }
}*/
.w3-hover2:hover {
    opacity: 0.60
}

.w3-opacity-off, .w3-hover-opacity-off:hover {
    opacity: 1
}

.w3-card-4, .w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before,
.w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-container, .w3-panel {
    padding: 0.01em 16px
}

.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px
}

.w3-pale-blue, .w3-hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important
}

.w3-topbar {
    border-top: 6px solid #ccc !important
}

.w3-bottombar {
    border-bottom: 6px solid #ccc !important
}

.w3-border-blue, .w3-hover-border-blue:hover {
    border-color: #2196F3 !important
}

.w3-amber, .w3-hover-amber:hover {
    color: #000 !important;
    background-color: #ffc107 !important
}

.w3-aqua, .w3-hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important
}

.w3-light-blue, .w3-hover-light-blue:hover {
    color: #000 !important;
    background-color: #87CEEB !important
}

.w3-brown, .w3-hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important
}

.w3-cyan, .w3-hover-cyan:hover {
    color: #000 !important;
    background-color: #00bcd4 !important
}

.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important
}

.w3-green, .w3-hover-green:hover {
    color: #fff !important;
    background-color: #4CAF50 !important
}

.w3-light-green, .w3-hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important
}

.w3-indigo, .w3-hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important
}

.w3-khaki, .w3-hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important
}

.w3-lime, .w3-hover-lime:hover {
    color: #fff !important;
    background-color: #cddc39 !important
}

.w3-orange, .w3-hover-orange:hover {
    color: #fff !important;
    background-color: #ff9800 !important
}

.w3-deep-orange, .w3-hover-deep-orange:hover {
    color: #fff !important;
    background-color: #ff5722 !important
}

.w3-pink, .w3-hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important
}

.w3-purple, .w3-hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important
}

.w3-deep-purple, .w3-hover-deep-purple:hover {
    color: #fff !important;
    background-color: #673ab7 !important
}

.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important
}

.w3-sand, .w3-hover-sand:hover {
    color: #000 !important;
    background-color: #fdf5e6 !important
}

.w3-teal, .w3-hover-teal:hover {
    color: #fff !important;
    background-color: #009688 !important
}

.w3-yellow, .w3-hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important
}

.w3-white, .w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important
}

.w3-black, .w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important
}

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
    color: #000 !important;
    background-color: #bbb !important
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important
}

.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
    color: #fff !important;
    background-color: #616161 !important
}

.w3-pale-red, .w3-hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important
}

.w3-pale-green, .w3-hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important
}

.w3-pale-yellow, .w3-hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important
}

.w3-pale-blue, .w3-hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important
}

div.gallery {
    margin: 10px;
    border: 1px solid #2196F3;
    float: right;
    width: 200px;
    border-radius: 4px;
    transition: transform .3s;
    margin-top: 25px;
}

div.gallery:hover {
    border: 1px solid #f44336;
    transform: scale(1.8);
}

div.gallery img {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)

}

div.gallery img:hover {
    box-shadow: 0 4px 10px 0 rgba(255, 0, 0, 0.2), 0 4px 20px 0 rgba(255, 0, 0, 0.19);

}

div.desc {
    padding: 15px;
    text-align: center;
}

/* page builder 3*/
.sppb-nav-pills > li {
    float: right;
    border: 1px #666 solid;
    color: #666;
    margin-right: 10px;
    font-weight: 300;
    border-radius: 3px;
}

.sppb-nav-pills > li:hover, .sppb-nav-pills > li.active :hover {
    color: #ff4081;

    border-color: #ff4081;
}

.sppb-nav-pills > li.active {
    border-color: #ff4081;
    background-color: #ff4081;
    color: #fff;
}

.w3-card-4 {
    padding-top: 20px;
}

.purpel-color a {
    color: #c7309c !important;
}

.sppb-progress-bar {
    float: right;
}

.sppb-panel-heading.active {
    background-color: #D49A37 !important;
    color: #fff;
}

.formResponsive input[type="submit"] {
    padding: 10px 15px;
    background-color: #23cf5f;
    color: #fff;
    border: 1px #23cf5f solid;
    border-radius: 3px;
    background-image: none !important;
    margin-right: 100%;
}

.formResponsive input[type="submit"]:hover {
    background-color: #ff4081;
    border-color: #ff4081;
}

.yrprice-catstyle .yrprice-title a:hover {
    font-size: 22px;
    line-height: 80%;
}

.yrprice-form .btn-primary {
    padding-right: 30px;
    padding-left: 30px;
}

/* Create three columns of equal width */
.columns {
    float: right;
    width: 50%;
    padding: 8px;
    display: block;
}

/* Style the list */
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)
}

/* Pricing header */
.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
    padding: 20px;
}

/* List items */
.price li {
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: center;
    background-color: #fff;
}

/* Grey list item */
.price .grey {
    background-color: #eee;
    font-size: 20px;
    color: #c7309c;
}

/* The "Sign Up" button */
.button-price {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    display: block;
}

.button-price:hover {
    background-color: #333;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}

.w3-pale-blue {
    border-radius: 10px;
}

.button {
    border-radius: 20px;
}

.yrprice-item-options-desc, .yrform-actionsbtn {
    background: #fff !important;
}

.yrprice-percorso {
    background-image: none !important;
    color: #fff !important;
}

.yrprice-subitem-block {
    background: none !important;
}

.yrconfirm-box, .yrconfirm-bottombox {
    background: #fff !important;
    border: none !important;
}

.yrconfirm-boxtop .yrconfirm-bottombox {
    background: #fff !important;

}

.yritems-det-options, .yrprice-header1 {
    background: none;
}

#yt_breadcrumb {
    padding: 25px 0 !important;
}

.home-layout2 #yt_wrapper #yt_footer_bottom .about-footer2 .col-logo {
    background: #e1e1e1;
    border-radius: 10px;
    text-align: center;
}

.pull-right {
    float: right !important;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 10px;
    background-color: #ff4444;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 2 !important;
}

.my-float {
    margin-top: 22px !important;
}

.login-switch {
    padding: 8px 16px !important;
    line-height: 1.5 !important;
    border-radius: 5px !important;
    background-color: #00C851;
    background-image: none;
    border-color: #00C851 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.login-switch:hover {
    background-color: #007E33 !important;
    border-color: #007E33 !important;
}

.order-top {
    padding: 8px 32px !important;
    line-height: 1.5 !important;
    border-radius: 5px !important;
    background-color: #33b5e5;
    background-image: none;
    border-color: #33b5e5 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 14px;

}

.order-top:hover {
    background-color: #0099CC !important;
    border-color: #0099CC !important;
}

.order-top-section {
    min-width: 125px;
    height: 40px;
    margin-top: 30px;
}

.homepage.home-layout2 #yt_wrapper #yt_menu {
    margin-bottom: 0px !important;
}

.mod-login {
    margin-top: 20px !important;
}

.sppb-panel-title {
    font-weight: normal;
}
.jfab_tooltip {
    font-family: iransans !important;
}

.sppb-btn-info {
    background-color: #33b5e5 !important;
    border-color: #33b5e5 !important;
}

.sppb-btn-info:hover {
    background-color: #0099CC !important;
    border-color: #0099CC !important;
}

.sppb-btn-info.sppb-btn-outline {
    background-color: transparent !important;
    color: #33b5e5 !important;
    border-color: #33b5e5 !important;
}

.sppb-btn-info.sppb-btn-outline:hover {
    background-color: #33b5e5 !important;
    border-color: #33b5e5 !important;
    color: #fff !important;
}

.sppb-btn-success {
    background-color: #23cf5f;
    border-color: #23cf5f;
}

.sppb-btn-success:hover {
    background-color: #007E33;
    border-color: #007E33;
}

.raxo-columns .raxo-item .raxo-title {
    text-align: center;
}

.yt-box-title {
    font-weight: normal !important;
}

html {
    scroll-behavior: smooth;
}

.social-button {
    color: #fff;
    margin-right: 15px;
}

.social-button:hover {
    color: #d1d1d1;
}

.col-lg-3 {
    float: left !important;
    margin-top: 12px;
    text-align: center;

}

.raxo-columns a:hover {
    text-decoration: none !important;
    color: #C89B41 !important;
}

.raxo-columns .raxo-img a:hover img {
    border-color: #C89B41 !important;
}
.yt-progress-bar .yt-pb-percent{
    right:auto !important;
    left:4px;
}
.yt-boxquote{
    font-family: iransans !important;
}
img{
    border-radius: 15px !important;
}
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper{
    border-radius: 15px;
}
.gw-go-col-wrap{
    float: right !important;
}

.eapps-instagram-feed{
    font-family: iransans !important;
}

@media (max-width: 639px) {
    .home-layout2 #yt_wrapper #yt_menu #yt_mainmenu {
        width: 20% !important;
    }
    .home-layout2 #yt_wrapper #yt_menu #content_top3 {
        width: 80% !important;
    }
}

.yt-show-grid .yt-col-xs-9, .yt-show-grid .yt-col-sm-9, .yt-show-grid .yt-col-md-9, .yt-show-grid .yt-col-lg-9 {
    float: right !important;
}
.yt-show-grid .yt-col-xs-3, .yt-show-grid .yt-col-sm-3, .yt-show-grid .yt-col-md-3, .yt-show-grid .yt-col-lg-3{
    float: right !important;
}