@font-face {
    font-family: main;
    src: url(../fonts/IRANSansWeb.eot);
    src: url(../fonts/IRANSansWeb.eot?#iefix) format("eot"),url(../fonts/IRANSansWeb.woff2) format("woff2"),url(../fonts/IRANSansWeb.woff) format("woff"),url(../fonts/IRANSansWeb.ttf) format("ttf");
    font-weight: 400;
}

@font-face {
    font-family: main;
    src: url(../fonts/IRANSansWeb_Bold.eot);
    src: url(../fonts/IRANSansWeb_Bold.eot?#iefix) format("eot"),url(../fonts/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/IRANSansWeb_Bold.ttf) format("ttf");
    font-weight: 700;
}



/******************************************
	STARTUP
******************************************/

body {
    font-size: 14px;
    padding: 0;
    color: #3a3a3a;
    line-height: 28px;
    font-family: "main", Tahoma, Arial, sans-serif;
    min-width: 320px;
}



.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.inline {
    display: inline-block;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
}

img {
    max-width: 100%
}

.m-t-0 {
    margin-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-b-5 {
    margin-bottom: 5px;
}

.p-l-20 {
    padding-left: 20px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.ltr {
    direction: ltr !important;
}

.rtl {
    direction: rtl !important
}

.p-v-20 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.p-h-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-v-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-h-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.col-center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.section.homeintro {
    padding: 119px 0;
    position:relative;
    background-size: cover !important
}
    .section.homeintro:before {
        content: '';
        background: rgba(0, 0, 0, 0.28);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "main", Tahoma, Arial, sans-serif;
    font-weight: 400;
    color: #121212;
}

a {
    color: #121212;
    text-decoration: none !important;
    outline: none;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    a:hover,
    a:focus {
        color: #D7898D;
        outline: none;
    }

.first {
    clear: both
}

.last {
    margin-right: 0
}

.alignleft {
    float: left;
    display: table-cell;
    margin: 0 10px 10px 0;
}

.page-content img.alignleft {
    float: left;
    display: table-cell;
    margin: 20px 30px 10px 0;
}

.check {
    padding: 0;
    list-style: none;
}

    .check li:before {
        content: "\f00c";
        font-family: "FontAwesome";
        font-size: 13px;
        left: 0;
        color: #121212;
        padding-right: 8px;
        position: relative;
        top: 0;
    }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.dropcaps img {
    margin: 20px auto 0;
}

.dropcaps p:first-child::first-letter {
    color: #903;
    float: left;
    font-family: main;
    font-size: 64px;
    line-height: 1;
    margin: 10px 15px 0 0 !important;
    padding: 12px;
}

#message {
    display: none;
    position: relative;
    text-align: left;
    padding: 20px;
}

#map {
    height: 300px;
    width: 100%;
    position: relative;
    z-index: 1;
}

    #map img {
        max-width: inherit
    }

.loader {
    margin-left: 10px;
}

.map {
    position: relative
}

    .map .row {
        position: relative
    }

.infobox img {
    width: 100% !important;
}

.map .searchmodule {
    padding: 18px 10px
}

.infobox {
    display: inline-block;
    padding: 5px;
    position: relative;
    width: 270px;
}

    .infobox img {
        width: 80px !important;
        padding-right: 10px
    }

    .infobox .title {
        font-size: 13px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 5px;
    }

        .infobox .title a {
            font-weight: bold;
            color: #121212 !important;
        }

.contact_form .form-control {
    margin-bottom: 15px;
    box-shadow: none !important;
    border-radius: 0;
    border-color: #dfe2e5;
    height: 45px;
    color: #afb2b5;
}

.contact_form textarea {
    min-height: 120px;
}

.contact_form .form-control::-moz-placeholder {
    color: #afb2b5;
    opacity: 1;
}

.services img {
    margin: 0 auto;
}

.navbar-toggle {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    color: #121212 !important;
    margin-bottom: 8px;
    margin-left: 15px;
    margin-top: 10px;
    padding: 3px 10px;
    position: relative;
}

/******************************************
	HEADER
******************************************/

.header .container-menu {
    padding: 0px 0;
    border-bottom: 1px solid #efefef;
    background: #fff;
}

.header.affix {
    position: fixed;
    padding: 5px 0;
    top: 0;
    background: rgba(255, 255, 255, 1);
}

.header {
    position: relative;
    padding: 0;
    background-color: transparent;
    width: 100%;
    z-index: 10;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
}

.navbar-default {
    margin: 0;
    background-color: transparent;
    border: 0;
}

    .navbar-default a:hover {
        color: #0264c5 !important;
    }

    .navbar-default .nav > li > a {
        color: #121212;
        display: block;
        padding-top: 1.4em !important;
        font-family: "main",tahoma, Arial, sans-serif;
        padding-bottom: 1.3em !important;
        font-size: 14px;
        line-height: 35px;
        font-weight: 400;
        text-transform: capitalize;
        text-decoration: none;
    }

.navbar-nav .has-submenu > ul li ul {
    top: -10px;
}

.navbar-nav .has-submenu .dropdown-menu li a {
    padding: 7px 10px;
    font-size: 13px !important
}

.navbar-default .start-left .fa-angle-right {
    position: absolute;
    right: 20px;
}

.navbar-default .dropdown-menu {
    box-shadow: none;
    padding: 10px !important;
}

.navbar-default .yamm-half .dropdown-menu,
.navbar-default .yamm-fw .dropdown-menu {
    padding: 0 !important;
}

.box li i {
    padding-right: 8px;
}

.navbar-default .dropdown-menu li a {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    opacity: 1;
    text-transform: capitalize;
}

.dropdown-menu > li:hover > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #fff;
}

.navbar-default .yamm-fw .dropdown-menu li,
.navbar-default .yamm-half .dropdown-menu li {
    padding: 6px 12px;
}

.navbar-default .yamm-half .dropdown-menu li {
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #efefef;
}

    .navbar-default .yamm-half .dropdown-menu li a:hover {
        color: #f00 !important;
    }

    .navbar-default .yamm-half .dropdown-menu li:last-child {
        border-bottom: 0;
    }

.navbar-default .nav > li {
    margin: 0;
}

.sidebar-header {
    text-align: center;
    background: #121212;
    padding: 25px;
}

    .sidebar-header a {
        color: #fff !important;
    }

.navbar-default .navbar-brand {
    color: #121212 !important;
    font-family: "main",tahoma, Arial, sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
    padding: 1.5rem 0 0 20px;
    letter-spacing: -0.4px;
    line-height: 35px;
}

.navbar-brand img {
    display: inline-block;
    width: 55px;
    vertical-align: middle;
    margin-bottom: 7px;
}

    .navbar-brand img:hover {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    }

.navbar-brand i {
    background-color: #ddd;
    border-radius: 100px;
    display: inline-block;
    top: -2px;
    position: relative;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 0 !important;
    margin-right: 5px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 35px;
}

#sidebar-fix .logo a i,
.sidebar-header a i,
.navbar-default .navbar-brand i {
    padding-right: 5px;
}

.navbar-default .navbar-nav .dropdown-menu > li {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: transparent !important;
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav .dropdown-menu > li,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #121212 !important;
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .megamenu {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .yamm-half .dropdown-menu {
    right: auto;
    left: auto;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.09);
}

.yamm .yamm-half.full .dropdown-menu {
    right: 0;
    left: 0;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.09);
}

.yamm .yamm-content {
    overflow: hidden;
    padding: 10px 20px 15px 20px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm .box {
    min-width: 200px;
}

    .yamm .box ul {
        padding-left: 10px;
    }

.navbar-nav > li > .dropdown-menu {
    box-shadow: none;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-color: #ffffff;
    margin-top: -1px;
}

.navbar-default .navbar-nav a:focus,
.navbar-default .navbar-nav a:hover {
    background-color: transparent !important;
}

li.dropdown.membermenu a.dropdown-toggle:focus,
li.dropdown.membermenu a.dropdown-toggle:hover,
li.dropdown.membermenu a.dropdown-toggle {
    background-color: #F6F9FC !important;
    border-radius: 100px;
    color: #727272 !important;
    border: 1px solid #f0f3f6;
    margin-top: 19px;
    padding: 0 10px 0 12px !important;
    margin-bottom: 17px;
}

li.dropdown.membermenu img {
    margin-right: 5px;
    width: 25px;
}

.yamm h5 {
    color: #121212;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857;
    padding: 4px 20px 4px;
    white-space: nowrap;
}

.dropdown-header {
    color: #121212;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.42857;
    padding: 4px 20px 8px;
    white-space: nowrap;
}

.navbar-nav hr {
    border-color: #f0f3f6;
    margin: 10px 0;
}

.navbar-nav > li.dropdown.membermenu .dropdown-menu {
    margin-top: 0px !important;
    border: 0 !important;
    border-top: 1px solid #efefef !important;

}

.navbar-nav > li.dropdown.membermenu {
    border: 0 !important;
}

hr.invis {
    border: 0;
    margin: 40px 0;
}

hr.largehr {
    margin: 40px 0;
}

/******************************************
	SECTIONS
******************************************/

.section {
    padding: 30px 0;
}

.content {
    padding: 40px 40px 20px;
    background-color: #fff;
    border: 1px solid #ebeef1;
    border-left: 1px solid #ebeef1;
    border-right: 1px solid #ebeef1;
    margin-bottom: 30px;
}

.content-before {
    margin: 0 auto 0;
    padding: 20px 40px;
    background-color: #f6f9fc;
}

    .checkdate .dropdown-menu,
    .content-before .dropdown-menu {
        background-color: #ffffff;
        border: 1px solid #e7eaed;
        border-radius: 0;
        box-shadow: none;
        font-size: 13px;
        min-width: 160px;
        padding: 0;
    }



.stores {
    margin: 0 auto 35px;
    padding: 40px 40px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.general-title hr {
    width: 120px;
    margin: 20px 0;
    border-color: #ebeef1;
}

.text-center .general-title hr {
    margin: 20px auto;
}

.content-top {
    color: #BBDEFB;
    position: relative;
    margin: 40px auto 0;
    padding: 80px 0 10px;
}
.section-title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    color: #424242;
}
.single-wrap .content-top {
    padding-top: 0;
}


.single-wrap .page-title h3 {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 1px 1px 2px #3c3c3c;
}

.public-profile-title span,
.public-profile-title i,
.public-profile-title p {
    color: #ebf1f6;
}

.public-profile-title img {
    max-width: 75px;
    margin-right: 0;
}

.public-profile-title p {
    padding: 10px 0 5px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:30px;
}

.public-profile-title .followbtn {
    margin: 5px 5px;
    color: #ffffff !important;
    text-decoration: underline !important;
}

.public-profile-title i {
    font-size: 21px;
}

.checkdate .btn {
    background-color: transparent !important;
    box-shadow: none !important
}

.totalprice,
.boxes {
    margin: 0 auto 20px;
    padding: 40px 40px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.totalprice {
    margin: 0 auto 30px;
    padding: 20px 20px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.checkdate {
    margin: 0 auto 30px;
    padding: 20px 20px;
    border: 1px solid #ebeef1;
    background-color: #F6F9FC;
}

.totalprice h4 {
    font-size: 15px;
}

.boxs {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05) !important;
}

.general-title h4 span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-style: italic;
    font-size: 13px;
    text-decoration: underline !important
}

.general-title h4,
.boxes h3 {
    font-size: 21px;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 0;
}

.big-title h4 {
    font-size: 36px !important;
    padding: 30px 0 0;
}

.boxes i {
    font-size: 38px;
    color: #c9cccf;
}

.boxes p {
    color: #727272;
    padding-bottom: 0;
    margin: 15px 0 20px;
}

.content-message {
    margin: 0 auto 10px;
    padding: 50px 20px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

    .content-message h2 {
        font-size: 23px;
        line-height: 1.5;
        margin: 0 0 15px;
        padding: 0;
        text-transform: none;
    }

.content-top .social {
    position: relative;
}

.content-top {
}

    .content-top i {
        color: #fff;
        font-size: 21px;
    }

.content-after {
    margin: 0 auto 40px;
    padding: 20px 40px 15px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.noborder {
    border: 0 !important;
}

.content-after .btn-default,
.content-before .btn-default {
    color: #727272 !important;
    font-size: 13px;
    margin-top: 7px;
    text-transform: capitalize;
    border: 0 solid #f0f3f6 !important;
    box-shadow: none !important;
    background-color: transparent !important
}


.bootstrap-select,
.btn,
.dropdown-menu,
.dropdown,
button,
input::-moz-focus-inner,
object,
embed,
a {
    outline: 0;
}

.store-list.item-box {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
}

    .store-list.item-box h4 a,
    .store-list.item-box h4 {
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 0;
        margin-top: 5px;
    }

    .store-list.item-box p {
        padding: 5px 0 0 !important;
        font-size: 13px;
        line-height: 26px;
        margin: 0 !important;
    }

.img-thumbnail {
    border: 1px solid #ebeef1;
    border-radius: 0;
    height: 200px;
}

blockquote {
    font-size: 14px;
    line-height: 30px;
    margin: 15px 5px;
    color: #7d7d7d;
    background: #fbfbfb80;
    padding: 10px;
    border-right: 9px solid #c5c5c5;
}

    blockquote:after {
        color: #fff;
        opacity: 0.1;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 30px;
        font-style: normal;
        height: 30px;
        left: 10px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 30px;
    }

/******************************************
	ITEM WRAPPER
******************************************/
.searchcontent .img-responsive {
    height: 145px;
}

.files-carousel .img-responsive {
    height: 220px;
}

.content-after .img-responsive {
    height: 167px;
}

#cphMain_divfiles .img-responsive {
    height: 217px;
}

.nopad {
    padding: 0;
}

.item-box {
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fdfdfd;
}

    .item-box h4,
    .item-box h4 a {
        color: #4b4e61;
        padding: 0 3px;
        margin: 10px 0 0;
        font-size: 14px;
        font-weight: bold;
        height: 45px;
        overflow: hidden;
        line-height: 22px;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

    .item-box small a {
        font-size: 12px;
        display: inline-block;
        color: #727272;
    }

    .item-box small i {
        margin-right: 2px;
    }

    .item-box small {
        margin: 0 3px;
    }

.item-media {
    position: relative;
}

    .item-media img {
        width: 100%;
    }

.theme__button {
    background-color: #1976D2;
    border-radius: 100%;
    bottom: -15px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 45px;
    outline: 0 none !important;
    position: absolute;
    height: 45px;
    right: 15px;
    text-align: center;
    transition: all 200ms ease 0s;
    width: 45px;
    z-index: 10;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .theme__button a {
        color: #ffffff !important;
    }

.item-box:hover .theme__button {
    transform: scale(1.2);
}

.entry {
    position: relative;
    padding: 0 !important;
    margin-bottom: 0;
}

.magnifier {
    position: absolute;
    top: 0;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.item-box:hover .theme__button,
.item-box:hover .magnifier {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.item-box .price {
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    top: calc(50% - 20px);
}

.item-box .item-author {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

    .item-box .item-author img {
        margin-right: 5px;
        max-width: 30px;
    }

.free-badge {
    background: #13ac0c;
    color: #fff;
    padding: 1px 10px;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 11;
    font-size: 11px;
    line-height: 18px;
}

    .free-badge:after {
        content: '';
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 6px solid #13ac0c;
        position: absolute;
        left: -6px;
        top: 0;
    }

#infscr-loading em,
#page-nav,
.pagination > li > a,
.pagination > li > span {
    background-color: #f6f9fc;
    border: 1px solid #f0f3f6;
    border-radius: 0 !important;
    color: #727272;
    float: left;
    font-size: 13px;
    line-height: 1.42857;
    margin-left: 0;
    margin-right: 5px;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}

#infscr-loading,
#infscr-loading em {
    text-align: center;
    width: 100%;
    margin: 20px auto;
    float: none !important;
}

.btn {
    font-size: 13px;
    padding: 8px 20px;
}

.btn-lg {
    font-size: 15px;
    line-height: 1.33333;
    padding: 10px 33px;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 15px 0 0;
}

    .breadcrumb li a,
    .breadcrumb > .active {
        font-size: 13px;
        font-weight: 300;
        color: #717171 !important;
        text-transform: capitalize;
    }

    .breadcrumb > li + li::before {
        color: #4c4c4c;
        content: "/ ";
        padding: 0 5px;
    }

    .breadcrumb .fa-home {
        margin-left: 5px;
        vertical-align: middle;
    }

.portfolio-filter ul li {
    border-radius: 0;
    color: #727272;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0 0;
    text-decoration: none;
    text-transform: capitalize;
    vertical-align: middle;
}

    .portfolio-filter ul li:after {
        content: "/";
        padding: 0 5px;
    }

    .portfolio-filter ul li:last-child:after {
        content: "";
    }

    .portfolio-filter ul li a {
        color: #121212;
    }

#fourcol .pitem {
    padding: 15px;
}

    #fourcol .pitem .item-box {
        margin-bottom: 0;
    }

.item-h2,
.item-h1 {
    height: 100% !important;
    height: auto !important;
}

.isotope-item {
    z-index: 2;
    padding: 0;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }

.item-single-wrapper .item-box {
    text-align: inherit;
}

.item-desc {
    padding: 20px 40px;
}

.item-price p {
    color: #121212;
    font-size: 36px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
    letter-spacing: -1px;
}

.item-price small {
    display: block;
}

    .desiger-details small i,
    .item-price small i {
        font-size: 16px;
        vertical-align: sub;
        padding-right: 3px;
    }

.item-price em a {
    color: #727272;
    text-decoration: underline !important;
    font-size: 12px;
}

.desiger-details small a {
    text-transform: capitalize;
    color: #727272;
    font-size: 12px;
}

.desiger-details small i {
    vertical-align: text-top;
}

.item-details tr {
    border-bottom: 1px solid #ebeef1;
    padding: 4px 0;
    display: block;
}

    .item-details tr:last-child {
        border-bottom: 0;
    }

#sidebar hr {
    border-color: #ebeef1;
}

.item-details table {
    width: 100%
}

.item-details td {
    border: medium none !important;
    font-size: 13px !important;
    width: 38%;
    font-weight: 600;
    display: inline-block;
    box-sizing: border-box;
}

    .item-details td:last-child {
        width: 60%;
    }
    .item-details td[colspan="2"]{
        width:100% !important
    }


    .item-price .social {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .item-price .social i {
        font-size: 24px;
    }

.item-price small a,
.product-tags a {
    font-size: 11px !important;
    background: #f3f3f3;
    padding: 2px 5px;
    border-radius: 2px;
    color: #949494;
    white-space: nowrap;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
    margin: 0 5px 5px 0;
}

    .product-tags a i {
        font-size: 12px;
        vertical-align: middle;
        margin-left: 3px;
    }

.desiger-details img {
    max-width: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
}

.desiger-details .userInfo {
    padding-top: 40px !important;
}

.desiger-details .username {
    display: block;
    margin: 5px 0 15px 0;
}

.desiger-details {
    position: relative;
}

.prfl {
    margin-top: 80px;
}

.desiger-details .image {
    text-align: center;
    margin: 0 auto;
    position: absolute;
    margin-right: -60px;
    right: 50%;
    top: -65px;
}

.cart-body h4,
.cart-body h6,
.desiger-details h4,
.desiger-details h4 a {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0 0;
}

.cart-body .bootstrap-select {
    min-width: 100% !important;
}

    .cart-body .bootstrap-select > .dropdown-toggle {
        background: #fff none repeat scroll 0 0 !important;
        box-shadow: none !important;
        border-color: #dadde0 !important;
        color: #727272 !important;
        min-width: 100% !important;
        padding-right: 25px;
        width: 100%;
        z-index: 1;
    }

.cart-body .form-control {
    border-radius: 0 !important;
    border-color: #dadde0 !important;
    box-shadow: none !important;
    height: 36px;
    color: #727272 !important;
}

.cart-body label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    max-width: 100%;
}

.cart-body img {
    max-width: 100px;
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
}

.homefeatured {
    margin: -30px !important;
}

    .homefeatured .btn {
        margin-top: 20px !important;
    }

    .homefeatured .panel {
        margin-bottom: 0;
    }

.panel hr {
    margin: 25px 0;
}

.panel-info {
    border: 0;
}

    .panel-info > .panel-heading {
        background-color: #F6F9FC !important;
        border-color: #F6F9FC !important;
        color: #727272 !important;
        margin-bottom: 15px;
    }

.cart-body h4 {
    padding: 0;
    margin: 20px 0 0;
}

.cart-body .btn {
    margin-top: 15px;
}

.cart-body .fa-close {
    margin-top: 22px;
}

.storelist img:hover {
    opacity: 0.7;
}

.storelist img {
    width: 100%;
}

.storelist ul {
    list-style: none;
    padding: 0;
}

.storelist li {
    font-size: 12px;
    line-height: 1.7;
}

.storelist .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff !important;
}

.storelist small {
    display: block;
}

    .storelist small a,
    .storelist li a {
        color: #727272;
    }

.storelist ul li i {
    color: #727272;
    width: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}

.storelist .list-inline {
    margin-top: 35px;
}

    .storelist .list-inline li img {
        max-width: 60px;
    }

.storelist .rating {
    margin-top: 3px;
}

.storelist h4,
.storelist h4 a {
    font-weight: 400;
}

.rating i {
    color: #727272;
    display: inline-block;
    text-shadow: 0px 1px #d0c0d1;
    margin: 0 !important;
    text-align: center;
    width: auto !important;
}

.item-price .rating i {
    font-size: 15px;
}

.uploaditem {
    padding: 30px;
    background-color: #F6F9FC;
    margin-bottom: 30px;
}

.space {
    margin: 20px 0;
}

.uploaditem label {
    display: block;
}

.uploaditem .btn-group {
    width: 100% !important;
}

.uploaditem .dropdown-menu a,
.uploaditem .dropdown-menu > .active > a,
.uploaditem .dropdown-menu > .active > a:hover,
.uploaditem .dropdown-menu > .active > a:focus {
    color: #727272;
}

.uploaditem .form-control {
    box-shadow: none !important;
    border-color: #d7dadd !important;
    height: 37px;
    border-radius: 0 !important;
}

.uploaditem textarea {
    min-height: 140px !important
}

.uploaditem .bs-searchbox .form-control {
    box-shadow: none !important;
    border-color: #ebeef1 !important;
    background-color: #F6F9FC !important
}

.uploaditem .btn-default {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.btn-file {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

    .fileupload .thumbnail > img {
        max-height: 100%;
    }

.fileupload .btn {
    vertical-align: middle;
    margin: 6px 6px 0 0;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-group .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.fileupload-preview {
    background: #FFFFFF;
    border: 10px solid #F9F9F9;
    height: auto;
    width: 200px;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}


.nopadtop {
    padding-top: 0;
}



/******************************************
	SIDEBAR
******************************************/

.shop-list {
    padding: 0;
    list-style: none;
}

    .shop-list h3,
    .shop-list h3 a {
        font-size: 14px;
        color: #111;
        padding: 0 0 0;
        height: 40px;
        margin-bottom: 0;
        margin-top: 0px;
        text-align: right;
        line-height: 20px;
        overflow: hidden
    }

    .shop-list li img {
        width: 50px;
        margin: 0 0 0 10px;
    }

    .shop-list li {
        margin-bottom: 10px;
        display: table;
        width: 100%;
    }

        .shop-list li:last-child {
            margin-bottom: 0;
        }

    .shop-list .new-price {
        color: #999;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
    }

    .shop-list small {
        color: #999999;
    }

.widget-title {
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebeef1;
}

    .widget-title h4 {
        padding: 0;
        margin: 0;
        font-weight: 600;
        line-height: 1;
        font-size: 15px;
    }

.widget ul {
    list-style: none;
    padding: 0;
}

    .widget ul li {
        padding-bottom: 5px;
        padding-right: 2px;
        font-size: 15px;
        position: relative;
    }

        .widget ul li span {
            position: absolute;
            right: 0;
        }

.widget a {
    color: #727272;
}

.widget {
    position: relative;
    display: block;
}

    .widget .form-control {
        height: 40px;
    }

.tags a {
    background-color: #F6F9FC;
    padding: 3px 10px;
    font-size: 13px;
    margin: 0 0 4px;
    letter-spacing: 0.4px;
    display: inline-block;
}


/******************************************
	FOOTER
******************************************/

.footer {
    position: relative;
    padding: 30px 0 0 0;
    background: #fcfcfc;
    width: 100%;
    border-top: 1px solid #ebeef1;
    z-index: 1000;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
}

    .footer p {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .footer .list-inline {
        margin-top: 12px;
    }

    .footer i {
        color: #39394E;
        margin-left: 6px;
        font-size: 1.18em;
    }

    .footer a {
        color: #727272;
    }

        .footer a.madeby {
            text-decoration: underline !important;
        }

.text-widget a {
    font-style: italic;
    text-decoration: underline !important;
}

.page-404-content h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 80px;
    margin-top: 40px;
    text-transform: capitalize;
}

.page-404-content {
    padding: 80px 90px;
}

    .page-404-content a:hover {
        text-decoration: underline;
    }


/******************************************
	MODULES
******************************************/

body.bundle .single-wrap .page-title h3 {
    color: #ffffff;
    font-size: 56px;
    font-weight: 600;
    margin: 0;
    padding: 0 !important;
}

#datatime {
    background-color: rgba(255, 255, 255, 0.1);
    border: 5px solid rgba(255, 255, 255, 0.06);
    max-width: 440px;
    padding: 30px 30px 20px;
    margin: 30px auto;
}

ul#datatime li p {
    padding: 0;
    margin: 0;
}

ul#datatime li {
    font-size: 15px;
    margin: 0 10px !important;
    border: 0 !important;
}

    ul#datatime li span {
        font-weight: bold;
        font-size: 40px;
    }

.skills {
    display: block;
    position: relative;
}

    .skills p {
        color: #121212;
        margin-bottom: 10px;
        padding-bottom: 0;
        padding-top: 10px;
        text-transform: capitalize;
    }

.progress {
    height: 4px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    overflow: visible;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #121212;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 1.1s ease;
    -o-transition: width 1.1s ease;
    transition: width 1.1s ease;
}

.progress {
    overflow: initial;
    position: relative;
}

    .progress .progress-bar {
        position: absolute;
        z-index: 10;
        line-height: 20px;
    }

    .progress .progressbar-back-text {
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .progress .progressbar-front-text {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }

.progress-bar span {
    color: #121212 !important;
    display: block;
    font-size: 11px;
    line-height: 12px;
    overflow: visible;
    width: 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 9999;
}

.progress-bar span,
.progress-bar-striped {
    background-color: #fff;
}



.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel {
    border: 0 none;
    margin-bottom: 0;
}

.panel-group .panel-heading h4 {
    border-bottom: 1px solid #ebeef1;
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0 10px !important;
    padding: 15px 0;
    text-transform: capitalize;
}

.panel-default > .panel-heading {
    background-color: #F6F9FC;
    border: 0 !important;
    color: #121212;
    line-height: 1;
    padding: 0;
    text-align: center;
}

.panel-default h4 {
    padding: 0;
}

.pricing-box .panel-group {
    margin-bottom: 0;
}

.login-form {
    background-color: #F6F9FC;
    padding: 20px 30px 30px;
}

    .login-form .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .login-form label {
        color: #121212;
        display: block;
        line-height: 1;
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%;
        font-weight: 400;
    }

form[role="login"] input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #DBDEE1;
    border-radius: 0px;
    box-shadow: none !important;
    height: 45px;
    letter-spacing: 0.4px;
    padding: 10px 20px;
    position: relative;
}

form[role="login"] > div {
    margin: 20px 0;
    position: relative;
}

.form-control + .fa {
    color: #D0D3D6;
    font-size: 17px;
    padding: 0;
    position: absolute;
    right: 19px;
    top: 55%;
}

.register-form form[role="login"] > div {
    margin: 5px 0;
}

.register-form .form-control + .fa {
    right: 33px;
    top: 45%;
}

.messages img {
    max-width: 100px;
    margin: auto;
    display: block;
}

.messages small {
    text-align: center;
}

.messages small {
    color: #727272 !important;
}

.messages a li {
    color: #727272;
}

.sales img {
    max-width: 80px;
    float: left;
    margin-top: 0 !important;
    margin-right: 24px;
}

.sales ul {
    margin-top: 5px;
}


/******************************************
	COLORS
******************************************/


/** blue **/

.pricing-box h3,
.fun-facts:hover .fun-icon,
.progress-bar,
.dropcaps p:first-child:first-letter,
.flex-direction-nav a,
.btn-primary,
.navbar-brand i,
.theme__button,
.dropForm .btn-primary {
    background-color: #1976D2 !important;
    border-color: #1976D2 !important;
    color: #ffffff;
}

.totalprice h4 strong {
    color: #1976D2 !important;
}


/** yellow **/

.page-404-content h2 span,
.rating i,
a:hover,
.text-widget a,
a:focus,
.footer a:hover,
.footer a:focus,
.navbar-default .navbar-nav a:focus,
.navbar-default .navbar-nav a:hover,
.item-box:hover h4 a,
.item-price small i,
.footer .fa-html5,
.cbp-spmenu h3 i {
    color: #FFC107 !important;
}

body.bundle .navbar-default .navbar-brand i,
div.bbp-template-notice,
div.indicator-hint,
div.bbp-template-notice.info,
.tags a:hover,
.btn-primary:hover,
.btn-primary:focus,
.navbar-brand:hover i,
.theme__button:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #FFC107 !important;
    border-color: #FFC107 !important;
    color: #ffffff !important;
}


/** grey **/

.btn-default {
    background-color: #ffffff !important;
    border-color: #d6d9dc !important;
}

    #bbpress-forums li.bbp-footer,
    #bbpress-forums li.bbp-header,
    #bbpress-forums div.bbp-reply-header,
    #bbpress-forums div.bbp-topic-header,
    #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count,
    .fun-facts .fun-icon,
    .progress,
    .progress-bar span,
    .btn-default:hover,
    .btn-default:focus {
        background-color: #F6F9FC !important;
        border-color: #d6d9dc !important;
        color: #121212 !important;
    }

#screenshot img {
    margin-bottom: 10px;
    max-width: 100%;
}

#screenshot {
    position: absolute;
    background: #121212;
    padding: 10px;
    display: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.5px;
    max-width: 350px;
    color: #fff;
    border: 1px solid #313131;
}

    #screenshot span {
        position: absolute;
        font-weight: 700;
        right: 10px;
        color: #fff;
    }






/*------------------------------------------*/
.createShop {
    font-size: 14px;
}

.media.service-box {
    text-align: center;
}
.media.service-box .icon {
    margin-bottom: 20px;
}

    .media.service-box p{text-align:justify}
    .media.service-box .media-heading {
        font-weight: bold;
    }
    .media.service-box .icon > i {
        font-size: 24px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        width: 70px;
        border-radius: 100%;
        color: #1976D2;
        box-shadow: inset 0 0 6px 1px #d7d7d7;
        -webkit-box-shadow: inset 0 0 6px 1px #d7d7d7;
        transition: background-color .4s,background-color .4s;
        position: relative;
        border: 2px solid #c3c3c3;
    }

#about {
    background: #ebeef1;
    color: #617380
}

    #about .features {
        min-height: 370px;
        text-align: justify;
        padding-right: 55px;
        background: url(../images/shade.png) no-repeat right top;
    }

        #about .features ul.checklist {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #about .features ul.checklist li {
                line-height: 30px;
            }

                #about .features ul.checklist li:before {
                    float: right;
                    content: "\f100";
                    margin-left: 7px;
                    font-family: "FontAwesome";
                }

.dropdown-menu-right {
    left: 0;
    right: auto;
}

.bg-blue {
    background: #ebedef;
}

#bread {
    padding: 5px 0;
    background: #fbfbfb;
    color: #717171;
    border-bottom: 1px solid #d8d8d8;
}

/***************************************/
.page-title h1 {
    font-size: 22px;
    font-weight: bold;
    margin: 15px 0 35px 0;
    line-height:25px;
    text-align:center;
}

.pic {
    background: #fff
}

    .pic img {
        max-width: 100%;
        height: 300px;
    }

.owl-carousel {
    position: relative
}

.carousel .owl-controls .owl-next,
.carousel .owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    top: calc(50% - 15px);
    background: rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-indent: -9999px;
}


.carousel .owl-controls .owl-next {
    right: 10px;
}

.carousel .owl-controls .owl-prev {
    left: 10px;
}



    .carousel .owl-controls .owl-prev:before,
    .carousel .owl-controls .owl-next:before {
        content: "\f104";
        display: block;
        text-indent: 0;
        font-family: FontAwesome;
        font-size: 20px;
        color: #d0d0d0;
    }

.carousel .owl-controls .owl-next:before {
    content: "\f105";
}

.carousel .owl-controls .owl-next:hover:before,
.carousel .owl-controls .owl-prev:hover:before {
    color: #1caf4d;
}


.product-price-new {
    font-size: 24px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 5px;
}

    .product-price-new .cur {
        font-size: 60%;
        margin-right: 5px;
    }

.btn-buy {
    font-size: 130%;
    font-weight: bold;
    margin-top: 10px;
}





.discussion {
    list-style: none;
    margin: 0;
    padding: 10px 0 20px 0;
}

    .discussion li {
        padding: 0.5rem;
        min-height: 70px;
        overflow: hidden;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        line-height: 25px;
        color: #5A5A5A
    }

    .discussion .avatar {
        width: 90px !important;
        position: relative;
    }

        .discussion .avatar img {
            display: block;
            width: 60px;
            height: 60px;
            margin: 0 auto;
            border-radius: 50%;
            background: #eee;
            padding: 2px;
        }

.other .avatar:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #F5F5F5;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.other .avatar:before {
    content: "";
    position: absolute;
    bottom: 19px;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid #dbdbdb;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.self .avatar:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid #EEEEEE;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.self .avatar:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 0;
    height: 0;
    border: 6px solid #D6D6D6;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.self .messages {
    background: #F5F5F5;
    padding: 15px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.48);
    border-top: 1px solid #DDD;
}

    .self .messages .form-control {
        background: #fff;
    }

.discussion li .cominfo {
    background: #eee;
    padding: 10px;
    margin: -15px -15px 7px -15px;
    border-radius: 3px 3px 0 0;
}

.self .messages p {
    margin: 0 0 0.2rem 0;
}

.self .messages time {
    float: left;
    font-size: 12px;
    color: #C0C0C0;
}

.self .messages .reply {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #ddd;
    background: #fdfdfd;
    padding: 10px;
    margin: 10px -15px -15px;
    border-radius: 0 0 5px 5px;
}


.userquestion img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 2px;
    border: 1px solid #b3bead;
    background: #fff;
}

.userquestion span {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}


.discussionSmall.discussion li .cominfo {
    padding: 2px 10px 1px 10px;
    margin: -5px -8px 7px -8px;
}


.discussionSmall .self .messages {
    padding: 5px 8px;
}


.discussionSmall.discussion .avatar {
    width: 70px !important;
}

    .discussionSmall.discussion .avatar img {
        width: 40px;
        height: 40px;
    }

.discussionSmall .self .avatar:before,
.discussionSmall .self .avatar:after {
    top: 10px;
}

.maincomments {
    max-height: 400px;
    overflow-y: auto;
    padding: 0
}


    .maincomments::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .maincomments::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .maincomments::-webkit-scrollbar-thumb {
        background-color: #9e9e9e;
        border-radius: 5px;
    }



.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



.productspec {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px;
    clear: both;
}

    .productspec li {
        display: block;
        clear: both;
    }


        .productspec li label,
        .productspec li span {
            display: block;
            white-space: normal;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            margin-bottom: 9px;
        }



    .productspec label {
        float: right;
        background: #e2e4e6;
        width: calc(30% - 10px);
        height: auto;
        padding: 9px 21px;
        margin-left: 10px;
    }

    .productspec span {
        background: #eaf0f3;
        padding: 9px 21px;
        width: 70%;
        height: auto;
        color: #777;
        float: left;
    }



    .productspec li.spectitle label {
        display: block;
        text-align: center;
        font-size: 21px;
        background: #f5f5f5;
    }


.navtitle {
    background: #F7F7F7;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #E2E2E2;
    border-radius: 5px 5px 0 0;
}

    .navtitle.htitlesmall {
        margin: -20px -19px 10px -19px;
        border-bottom: 1px solid #ECECEC;
    }

.bg-white {
    background: #FFF !important;
}



/**
 * Custom Checkbox and Radio By CSS
 */

.checkbox-block label,
.radio-block label {
    display: block
}

.checkbox-block img,
.radio-block img {
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.radio-inline,
.checkbox-inline {
    padding: 0
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-left: 5px
    }

input[type='radio'],
input[type='checkbox'] {
    opacity: 0;
    display: none;
    float: left;
    width: 18px
}

    input[type='radio'] + label,
    input[type='checkbox'] + label {
        margin: 0;
        clear: none;
        padding: 4px 20px 3px 0px;
        cursor: pointer;
        font-weight: 400;
        line-height: 18px;
        position: relative
    }

        input[type='radio'] + label:before,
        input[type='checkbox'] + label:before {
            font-family: 'FontAwesome';
            content: "\f096";
            position: absolute;
            right: 0;
            font-size: 19px;
            top: 5px;
            color: #999
        }

        input[type='radio'] + label:before {
            content: "\f1db"
        }

    input[type='radio']:checked + label:before {
        content: "\f192"
    }

    input[type='checkbox']:checked + label:before {
        content: "\f14a"
    }

    input[type='radio'] + label:hover::before,
    input[type='checkbox'] + label:hover::before,
    input[type='radio']:checked + label:before,
    input[type='checkbox']:checked + label:before {
        color: #0D7CC9
    }




.header-search input[type="text"] {
    display: inline-block;
    height: 40px;
    line-height: 30px;
    border-radius: 0;
    border-left: none;
    width: 80%;
}

.sort a, .header-search a {
    display: inline-block;
    height: 40px;
    line-height: 30px;
    vertical-align: top;
    padding: 6px 12px;
    /* line-height: 1.42857143; */
    font-size: 13px;
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    margin: 0;
}

.sort select {
    height: 40px;
    border-left: none;
}

.htitle {
    font-size: 19px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.box {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e1e8ed;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 1px #e1e8ed;
    margin-bottom: 20px;
}





#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu {
    color: #666;
    border-radius: 5px;
    overflow: hidden;
    background: #FBFBFB;
    padding-top: 15px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

    #cssmenu .htitlesmall {
        text-align: center;
        border-bottom: 1px solid #EFEFEF;
        padding-bottom: 10PX;
        MARGIN-BOTTOM: 4PX;
    }

    #cssmenu ul ul {
        display: none;
    }

    #cssmenu > ul > li.active > ul {
        display: block;
    }

.align-right {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #656565;
    background: #FBFBFB;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

    #cssmenu > ul > li > a:hover {
        color: #000000;
    }

#cssmenu ul > li.has-sub > a:after {
    position: absolute;
    left: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #A2A2A2;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#cssmenu ul > li.has-sub > a:before {
    position: absolute;
    left: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #A2A2A2;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cssmenu ul ul li a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #717171;
    background: #FFFFFF;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

#cssmenu ul ul ul li a {
    padding-right: 32px;
}

#cssmenu ul ul li a:hover {
    color: #353535;
}

#cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    left: 26px;
    background: #BBBBBB;
}

#cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #BBBBBB;
}


.sort select {
    border-radius: 0 !important
}

.searchgroup {
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    height: 45px;
    border-radius: 5px;
    padding: 0 15px;
}


.ui-menu .ui-menu-item-wrapper {
    padding: 10px 10px !important;
    font-size: 13px;
    font-weight: bold;
    font-family: main;
    margin: 0 !important;
    display: block;
    border: none !important;
}

    .ui-menu .ui-menu-item-wrapper:hover {
        background: #0D7CC9;
        border: none !important;
        padding: 10px 10px !important;
        color: #fff !important
    }

.ui-menu-item {
    padding: 0;
}

.groulist {
    display: block;
    text-align: center;
    background: #f9f9f9;
    overflow: hidden;
    margin-bottom: 20px;
}

    .groulist span {
        display: inline-block;
        margin: 10px 0;
        white-space: pre;
    }

    .groulist img {
        width: 50%;
        box-sizing: border-box;
        border: 1px dotted #eee;
        float: right;
        height: 150px;
    }


/**
 * User Profile
*/

.user-profile-header ul.address-list li {
    position: relative;
    margin-right: 30px;
    border-bottom: 1px dotted #DDD;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

    .user-profile-header ul.address-list li i {
        position: absolute;
        top: 5px;
        right: -25px;
    }

.user-profile-header ul.address-list {
    margin-top: 20px;
    list-style: none
}

.user-profile-wrapper {
    position: relative;
}

    .user-profile-wrapper:before {
        content: "";
        background: #E5E5E5;
        position: absolute;
        top: 10px;
        bottom: 0px;
        right: 54px;
        width: 1px;
    }

.user-profile-header {
    position: relative;
}

    .user-profile-header .image {
        width: 100px;
        border-radius: 50%;
        float: right;
        border: 2px solid #FFF;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
        margin-right: 2px;
        margin-top: 2px;
        background: #FFF;
        height: 100px;
        width: 100px;
    }

        .user-profile-header .image img {
            border-radius: 50%;
        }

    .user-profile-header .usercontent {
        margin-right: 130px;
    }

    .user-profile-header h3 {
        line-height: 1;
        margin: 5px 0;
    }

    .user-profile-header .rating-wrapper {
        margin: 0 0 5px;
    }

        .user-profile-header .rating-wrapper > div {
            display: inline-block;
        }

.user-profile-content {
    margin-right: 54px;
    margin-top: 20px;
    padding-top: 20px;
    padding-right: 76px;
    border-top: 1px solid #E5E5E5;
    background: #fff;
    padding-left: 20px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.labeling {
    text-align: right;
}


.empty {
    padding: 30px 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #727272
}

.bashgahinfo {
    list-style: none
}

.signupform {
    border-radius: 0;
    border: 6px solid #d0d0d0;
    box-shadow: 0 0 5px 1px rgba(68, 68, 68, 0.65) inset;
}

    .signupform h2 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #4f4f4f
    }

    .signupform input {
        border-radius: 3px !important;
        border: 2px solid #e5e5e5;
    }

.slow-spin {
    -webkit-animation: fa-spin 1.5s infinite linear;
    animation: fa-spin 1.5s infinite linear;
}

.usrnam {
    position: relative
}

    .usrnam .fa {
        position: absolute;
        display: none;
        right: 10px;
        top: 8px;
    }

.border-green {
    border-color: #10af1a !important;
}

.border-red {
    border-color: #af1010 !important;
}



.options {
    margin-top: 10px;
}

    .options .btn {
        padding: 4px;
        width: 49%;
        box-sizing: border-box;
        opacity: 0.8
    }



.htlt {
    background: #dfe1e3;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #d5d7d8;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #656565;
}

#buyDiv {
    display: none
}



.dllink {
    display: INLINE-BLOCK;
    background: #fff;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 7px;
    border-radius: 3px;
    text-align: right;
    font-weight: bold;
    color: #1976D2
}

    .dllink small {
        float: left;
        color: #9c9c9c;
        font-size: 12px;
    }





.spinner {
    margin: 0 10px 0 0px;
    display: inline-block;
    text-align: center;
}

    .spinner > b {
        width: 7px;
        height: 7px;
        margin-right: 2px;
        background-color: #929292;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}




.block404 {
    margin: 100px 0
}

    .block404 .error {
        display: block;
        padding: 50px;
        color: #0D7CC9;
        font-size: 150px;
        text-align: left;
        margin: 0;
        line-height: 1;
        border-left: 3px solid #0D7CC9
    }

    .block404 .title {
        margin-top: 30px;
        font-size: 50px;
        color: #0D7CC9;
        margin-bottom: 10px;
    }

    .block404 .description {
        font-size: 17px;
        color: #9d9fb1;
        font-family: 'main',Tahoma;
    }

.center {
    text-align: center;
}


.addrinfo {
    line-height: 20px;
    padding: 15px 20px 15px 20px;
    background: #F9F9F9;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative
}

    .addrinfo i {
        width: 20px;
        font-size: 15px;
        color: #607D8B;
    }

    .addrinfo span {
        font-size: 1.1em;
        margin-right: 10px;
    }

.shippingclass {
    position: relative;
}

    .shippingclass .check {
        display: block;
        width: 50px;
        position: absolute;
        top: 20%;
    }

        .shippingclass .check input {
            width: 28px;
            margin: 0;
            display: block;
            padding: 10px;
        }

    .shippingclass p {
        padding-right: 60px;
        color: #868686;
    }

    .shippingclass b {
        font-weight: normal;
        color: #03A9F4;
    }

.addrinfo hr {
    margin: 10px 0 !important
}


.roundedOne input {
    visibility: hidden;
}








/******************sweet alert***********************/
/*http://codepen.io/ahallicks/pen/MaLRoe*/

.f-modal-alert .f-modal-icon {
    border-radius: 50%;
    border: 4px solid gray;
    box-sizing: content-box;
    height: 80px;
    margin: 20px auto;
    padding: 0;
    position: relative;
    width: 80px;
    margin-bottom: 25px;
}

    .f-modal-alert .f-modal-icon.f-modal-success, .f-modal-alert .f-modal-icon.f-modal-error {
        border-color: #A5DC86;
    }

        .f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:after, .f-modal-alert .f-modal-icon.f-modal-error:before {
            background: #fff;
            content: '';
            height: 120px;
            position: absolute;
            transform: rotate(45deg);
            width: 60px;
        }

        .f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:before {
            border-radius: 120px 0 0 120px;
            left: -33px;
            top: -7px;
            transform-origin: 60px 60px;
            transform: rotate(-45deg);
        }

        .f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-error:after {
            border-radius: 0 120px 120px 0;
            left: 30px;
            top: -11px;
            transform-origin: 0 60px;
            transform: rotate(-45deg);
        }

        .f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
            border-radius: 50%;
            border: 4px solid rgba(165, 220, 134, 0.2);
            box-sizing: content-box;
            height: 80px;
            left: -4px;
            position: absolute;
            top: -4px;
            width: 80px;
            z-index: 2;
        }

        .f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix {
            background-color: #fff;
            height: 90px;
            left: 28px;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 5px;
            z-index: 1;
        }

        .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
            background-color: #A5DC86;
            border-radius: 2px;
            display: block;
            height: 5px;
            position: absolute;
            z-index: 2;
        }

            .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip {
                left: 14px;
                top: 46px;
                transform: rotate(45deg);
                width: 25px;
            }

            .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long {
                right: 8px;
                top: 38px;
                transform: rotate(-45deg);
                width: 47px;
            }

    .f-modal-alert .f-modal-icon.f-modal-error {
        border-color: #F27474;
    }

        .f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark {
            display: block;
            position: relative;
            z-index: 2;
        }

        .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
            border: 4px solid rgba(200, 0, 0, 0.2);
        }

        .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
            background-color: #F27474;
            top: 37px;
            width: 47px;
        }

            .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left {
                left: 17px;
                transform: rotate(45deg);
            }

            .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right {
                right: 16px;
                transform: rotate(-45deg);
            }

    .f-modal-alert .f-modal-icon.f-modal-warning {
        border-color: #F8BB86;
    }

        .f-modal-alert .f-modal-icon.f-modal-warning:before {
            animation: pulseWarning 2s linear infinite;
            background-color: #fff;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 100%;
            opacity: 0;
            position: absolute;
            width: 100%;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning:after {
            background-color: #fff;
            border-radius: 50%;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 1;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
            background-color: #F8BB86;
            border-radius: 2px;
            height: 47px;
            left: 50%;
            margin-left: -2px;
            position: absolute;
            top: 10px;
            width: 5px;
            z-index: 2;
        }

        .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
            background-color: #F8BB86;
            border-radius: 50%;
            bottom: 10px;
            height: 7px;
            left: 50%;
            margin-left: -3px;
            position: absolute;
            width: 7px;
            z-index: 2;
        }

    .f-modal-alert .f-modal-icon + .f-modal-icon {
        margin-top: 50px;
    }

.animateSuccessTip {
    animation: animateSuccessTip .75s;
}

.animateSuccessLong {
    animation: animateSuccessLong .75s;
}

.f-modal-icon.f-modal-success.animate:after {
    animation: rotatePlaceholder 4.25s ease-in;
}

.f-modal-icon.f-modal-error.animate:after {
    animation: rotatePlaceholder 4.25s ease-in;
}

.animateErrorIcon {
    animation: animateErrorIcon .5s;
}

.animateXLeft {
    animation: animateXLeft .75s;
}

.animateXRight {
    animation: animateXRight .75s;
}

.scaleWarning {
    animation: scaleWarning 0.75s infinite alternate;
}

.pulseWarningIns {
    animation: pulseWarningIns 0.75s infinite alternate;
}

@keyframes animateSuccessTip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0%,65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes rotatePlaceholder {
    0%,5% {
        transform: rotate(-45deg);
    }

    100%,12% {
        transform: rotate(-405deg);
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateXLeft {
    0%, 65% {
        left: 82px;
        top: 95px;
        width: 0;
    }

    84% {
        left: 14px;
        top: 33px;
        width: 47px;
    }

    100% {
        left: 17px;
        top: 37px;
        width: 47px;
    }
}

@keyframes animateXRight {
    0%, 65% {
        right: 82px;
        top: 95px;
        width: 0;
    }

    84% {
        right: 14px;
        top: 33px;
        width: 47px;
    }

    100% {
        right: 16px;
        top: 37px;
        width: 47px;
    }
}

@keyframes scaleWarning {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseWarning {
    0% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    30% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        background-color: #F8BB86;
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}


/******************sweet alert end***********************/

.htitlesmall {
    font-size: 17px;
    font-weight: bold;
}






.main-menu-nav .menu .sub-menu.mega {
    padding: 10px 10px 20px 10px;
    width: 800px;
}

.main-menu-nav .menu .sub-menu {
    margin: 15px 0;
    padding: 0;
    background: #2a3744;
    background: rgba(42,55,68,0.94);
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
}

.main-menu-nav .menu .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 15px 0;
    list-style: none;
    min-width: 120px;
    background: #FFF;
    color: #3c3c3c;
}

.megagroup ul {
    padding: 0 0px 0 0;
    list-style: circle;
    margin: 0 8px 15px 0;
    font-size: 12px;
}

    .megagroup ul li {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        color: #727272 !important
    }

.megagroup h6 {
    margin: 0;
    padding: 0;
}

    .megagroup h6 a {
        padding: 0;
        margin: 0 0 5px 0;
        color: #3c3c3c;
        font-size: 15px !important;
        font-weight: bold !important;
        display: block;
        font-size: 17px;
    }


.page-text {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
}

.section.single-wrap.bg-blue {
    min-height: 400px;
}

.notvalid {
    border-color: #f01
}

.spinload {
    display: none
}

#divfreelinks {
    display: none
}

    #divfreelinks h4 {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
    }


.block-nav ul {
    padding: 5px 15px;
    margin: 0;
    background-color: #fafafa;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}



label.title {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}


.commentlist {
    background: #F7F7F7 !important;
    border: 1px solid #CACACA;
}

.review {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.review-header {
    padding-bottom: 5px;
}

.review-rating {
    float: left;
}

.review-author {
    font-weight: bold;
    padding-left: 10px;
    color: #9B0A0F;
}

.review-date {
    color: #b2b2b2;
    float: left;
}

.review-text {
    line-height: 20px;
    font-size: 12px;
}

.review-pagination {
    text-align: center;
}

    .review-pagination a, .review-pagination span {
        display: inline-block;
        padding: 3px 5px;
        font-weight: bold;
        border-radius: 2px;
    }

    .review-pagination b {
        color: #B9B9B9;
    }

    .review-pagination .selected {
        background-color: #4c4c4c;
        color: #ffffff;
    }

    .review-pagination a:hover {
        background-color: #4595e5;
        color: #ffffff;
    }

.managereply {
    background: #FAFAFA;
    padding: 10px;
    margin-top: 7px;
    border: 1px solid #F3F3F3;
}

    .managereply b {
        color: #ACACAC;
    }


.form-group:after {
    content: '';
    display: block;
    clear: both
}

.block {
    display: block;
}




.close {
    position: absolute;
    left: 10px;
    z-index: 111111;
    top: 5px;
    font-size: 28px;
}


.listintro {
    background: url(../images/listbg.jpg) no-repeat top #F6F9FC;
    background-size: cover
}

.product-price-last {
    text-decoration: line-through;
    color: #e07070
}

.listintro {
    padding: 170px 0;
}

.srch input {
    font-size: 19px;
    line-height: 40px;
    height: auto;
}

.srch .btn {
    line-height: 36px;
}

.files-carousel-layer {
    padding-bottom: 20px;
    position: relative;
}

    .files-carousel-layer header {
        width: 100%;
        background-color: #fff;
        border: 1px solid #EBEBEB;
        margin-bottom: 25px;
        padding: 15px 20px;
    }

    .files-carousel-layer .owl-carousel {
        position: static;
    }

    .files-carousel-layer header h3 {
        margin: 0;
        padding: 0
    }

    .files-carousel-layer .owl-nav {
        position: absolute;
        top: 10px;
        left: 10px;
    }

        .files-carousel-layer .owl-nav > div {
            width: 27px;
            height: 27px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            text-align: center;
            line-height: 30px;
            background-color: #2C373B;
            font-size: 18px;
            color: #fff;
            position: absolute;
        }

            .files-carousel-layer .owl-nav > div.owl-prev {
                left: 40px;
                top: 6px;
            }

            .files-carousel-layer .owl-nav > div.owl-next {
                left: 8px;
                top: 6px;
            }


    .files-carousel-layer.payment {
        margin-top: 20px
    }

.user-payment {
    background-color: #1976D2;
    padding: 15px;
}

    .user-payment .user-account {
        min-width: 180px;
        white-space: nowrap;
        position: relative;
    }

        .user-payment .user-account span, .user-payment .user-account label {
            color: #EFEFEF;
            font-size: 14px;
            line-height: 24px;
            text-align: right;
            display: block;
            position: relative;
            text-overflow: ellipsis;
            overflow: hidden;
            top: 3px; 
        }
        .user-payment .user-account span {
            text-align: left;
            direction: ltr;
        }
        .user-payment .user-account label {
            color: #fff
        }

        .user-payment .user-account .fa-angle-down {
            position: absolute;
            right: 15px;
            top: 8px;
            color: #EFEFEF
        }

        .user-payment .user-account .img-layer {
            width: 55px;
            height: 55px;
            margin-left: 15px;
            border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            position: relative;
        }
        .user-payment .user-account .pull-left {
            width: calc(100% - 70px);
        }

            .user-payment .user-account .img-layer img {
                width: 55px;
                height: 55px;
                padding: 3px;
                border: 2px solid #fff;
                border-radius: 100%;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
            }

            .user-payment .user-account .img-layer:after {
                width: 10px;
                height: 50%;
                position: absolute;
                right: -10px;
                top: 0;
                border-bottom: 1px solid #ddd;
                content: ''
            }

            .user-payment .user-account .img-layer:before {
                width: 5px;
                height: 50%;
                position: absolute;
                right: -5px;
                top: 2px;
                border-bottom: 1px solid #fff;
                content: ''
            }

        .user-payment .user-account .submenu-layer {
            min-width: 180px;
            white-space: nowrap;
            background-color: #fff;
            border: 1px solid #EBEBEB;
            position: absolute;
            top: 67px;
            left: 0;
            display: none;
            z-index: 10000
        }

            .user-payment .user-account .submenu-layer ul li {
                width: 100%;
                border-bottom: 1px solid #EBEBEB
            }

                .user-payment .user-account .submenu-layer ul li a {
                    width: 100%;
                    padding: 5px 20px;
                    line-height: 25px;
                    display: block;
                    font-size: 13px;
                    position: relative;
                }

                    .user-payment .user-account .submenu-layer ul li a:before {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        border-right: 3px solid #07E1AD;
                        content: '';
                        right: 0;
                        top: 0;
                    }

                    .user-payment .user-account .submenu-layer ul li a:hover:before {
                        opacity: 1
                    }

                    .user-payment .user-account .submenu-layer ul li a:hover {
                        background-color: #F8F7F7;
                        padding-right: 25px
                    }

                .user-payment .user-account .submenu-layer ul li:last-child {
                    border-bottom: 0
                }

            .user-payment .user-account .submenu-layer:before {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 8px 8px 8px;
                border-color: transparent transparent #fff transparent;
                content: '';
                top: -8px;
                left: 20px;
                position: absolute;
            }

.userblacka {
    display: block;
}

    .user-payment:after, .userblacka:after {
        content: '';
        display: block;
        clear: both;
    }

.dllinkfree {
    text-align: right;
    font-weight: bold;
    position: relative
}

    .dllinkfree small {
        position: absolute;
        left: 10px;
        top: 8px;
        line-height: 20px;
    }

.articles img {
    margin-left: 10px;
}

.articles h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #444;
}

.articles span {
    color: #4d4d4d;
    font-size: 13px;
    float: left
}

    .articles span.grp {
        float: right;
    }

.owl-height {
    min-height: 200px;
    height: auto !important;
    height: auto;
}


.statul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 30px
}

#buyDiv .form-label {
    display: block;
}

.footer-social {
    text-align: center;
    margin-bottom: 15px;
}

    .footer-social i {
        font-size: 32px;
        margin: 0 5px;
        color: #39394e;
    }

.typeselect .type .fa {
    color: #a7a7a7
}

.typeselect .type a.selected {
    font-weight: bold;
}

    .typeselect .type a.selected .fa {
        color: #000;
    }

.contenttext {
    word-wrap: break-word;
    line-height: 30px;
}

.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}
/******************************************
	RESPONSIVE
******************************************/
@media (min-width: 992px) {
    .hovermenu {
        position: relative;
    }

        .hovermenu:hover > ul {
            visibility: visible;
            opacity: 1;
            top: 100%;
        }

    .navbar-nav .hovermenu ul {
        -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    }

    .hovermenu .dropdown-menu {
        min-width: 200px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .hovermenu > ul {
        position: absolute;
        top: 180%;
        visibility: hidden;
        display: block;
        opacity: 0;
    }

        .hovermenu > ul.start-right {
            right: 0;
            left: auto;
        }

        .hovermenu > ul li {
            position: relative;
        }

            .hovermenu > ul li:hover > ul {
                visibility: visible;
                opacity: 1;
                left: 100%;
            }

                .hovermenu > ul li:hover > ul.show-right {
                    right: 100%;
                }
}

@media (max-width: 1024px) {
    .publicprofile .nav-tabs > li a,
    .publicprofile .nav-tabs > li,
    .publicprofile .nav-tabs > li:hover a,
    .publicprofile .nav-tabs > li:focus a,
    .publicprofile .nav-tabs > li.active > a,
    .publicprofile .nav-tabs > li.active > a:hover,
    .publicprofile .nav-tabs > li.active > a:focus {
        color: #727272 !important;
    }

    .publicprofile .nav-tabs {
        margin-top: 20px !important;
    }
}

@media (max-width:980px) {
    .single-wrap .page-title h3 {
        font-size: 50px;
        color: #ff5a00 !important;
    }

    .public-profile-title p {
        font-size: 20px;
        color: #fff;
        text-shadow: 2px 2px #000;
    }

    .discussion .avatar {
        display: none;
    }

    .searchcontent .img-responsive {
        height: 100px;
    }

    .files-carousel .img-responsive {
        height: 260px;
    }

    #cphMain_divfiles .img-responsive {
        height: 180px;
    }

    .groulist img {
        height: 100px;
    }
}

@media (max-width: 768px) {
    .specList h6 {
        width: 100%;
    }

    .productspec label {
        width: 40%;
    }

    .navbar-brand img {
        width: 42px;
        margin-bottom: 9px;
    }

    .portfolio-filter ul {
        padding: 0;
        margin-top: 10px;
    }

    .store-list.item-box {
        margin-bottom: 30px;
    }

        .store-list.item-box h4,
        .store-list.item-box h4 a {
            padding: 10px 0;
        }

    .content {
        padding: 20px 20px 20px;
    }

    .cen-xs,
    .text-right.cen-xs {
        text-align: center !important;
        float: none;
    }

    body.bundle li.dropdown.membermenu a.dropdown-toggle:focus,
    body.bundle li.dropdown.membermenu a.dropdown-toggle:hover,
    body.bundle li.dropdown.membermenu a.dropdown-toggle,
    body.bundle .header .container-menu {
        background-color: #1976D2 !important;
        border: 0;
        color: #fff !important;
    }

    .searchcontent .img-responsive {
        height: 250px;
    }

    .files-carousel .img-responsive {
        height: 240px;
    }

    .content-after .img-responsive {
        height: 200px;
    }

    #cphMain_divfiles .img-responsive {
        height: 280px;
    }

    .groulist img {
        height: 150px;
    }
}

@media (max-width: 498px) {
    ul#datatime li {
        margin: 0 !important;
    }

        ul#datatime li span {
            font-size: 21px;
        }

    body.bundle .single-wrap .page-title h3 {
        font-size: 24px;
    }

    #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count,
    .bbp-forums li {
        margin: 10px 0 !important;
        width: 100% !important;
        text-align: left !important;
    }

    .page-404-content {
        padding: 0 20px 20px;
    }

        .page-404-content h2 {
            font-size: 32px !important;
        }

    .item-desc {
        padding: 20px 10px;
    }

    .dropForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .dropForm .btn {
        max-width: 100%;
        background-color: #ffffff !important;
    }

    .dropForm .form-control {
        max-width: 175px;
    }

    .dropForm .btn-group {
        margin-bottom: 5px;
    }

    .content-message h2 {
        font-size: 18px;
    }

    li.dropdown.membermenu a.dropdown-toggle:focus,
    li.dropdown.membermenu a.dropdown-toggle:hover,
    li.dropdown.membermenu a.dropdown-toggle {
        background-color: #f6f9fc !important;
        border: 1px solid #f0f3f6;
        border-radius: 0;
        color: #727272 !important;
        margin-top: 0;
        padding: 0 !important;
    }

    .yamm-content {
        padding: 0 !important;
    }

    .searchcontent .img-responsive {
        height: 180px;
    }

    .files-carousel .img-responsive {
        height: 180px;
    }

    .content-after .img-responsive {
        height: 150px;
    }

    #cphMain_divfiles .img-responsive {
        height: 180px;
    }

    .groulist img {
        height: 100px;
    }
}

@media only screen and (max-width: 480px) {
    .productspec li {
        display: block;
    }

    .productspec label {
        width: 100%;
        display: block;
        border-left: none;
        border-top: 1px solid #D8D8D8;
        text-align: center;
        margin-bottom: 0;
    }

    .form-control.fixedwidth {
        width: 250px;
    }

    .productspec span {
        display: block !important;
        border-top: none;
        margin-bottom: 5px !important;
        width: 100%;
    }

    .productspec li:nth-child(2n+1) label,
    .productspec li label {
        background: #F5F5F5;
        margin: 0;
        border-bottom: 1px dashed #E8E8E8;
    }

    .user-profile-wrapper:before {
        display: none
    }

    .user-profile-header .usercontent {
        margin-left: 0
    }

    .user-profile-header .image {
        float: none;
        margin-bottom: 15px
    }

    .user-profile-content {
        margin-left: 0;
        padding-left: 0
    }

    .searchcontent .img-responsive {
        height: 125px;
    }

    .files-carousel .img-responsive {
        height: 300px;
    }

    .content-after .img-responsive {
        height: 100px;
    }

    #cphMain_divfiles .img-responsive {
        height: 120px;
    }

    .groulist img {
        height: 80px;
    }
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    border-top: 0 !important
}


.pager {
    margin: 10px 0;
}

    .pager div span:last-child, .pager .pback, .pager .pnext {
        display: none
    }

    .pager.ltr {
        direction: rtl !important
    }

    .pager a,
    .pager b {
        display: inline-block;
        min-width: 24px;
        height: 24px;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 24px;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

        .pager a:hover {
            border-color: #1d4a9c;
        }

    .pager b {
        border-color: #1d4a9c;
        color: #fff;
        background: #1d4a9c;
        background-image: linear-gradient(30deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -moz-linear-gradient(30deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -webkit-linear-gradient(30deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .pager span {
        padding: 0px 5px;
        margin: 0 2px;
        display: inline-block;
    }

.mobilebottom_nav {
    position: fixed;
    bottom: 0;
    height: 40px;
    line-height: 18px;
    z-index: 1111;
    left: 0;
    right: 0;
}

    .mobilebottom_nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mobilebottom_nav ul li {
            display: inline-block;
            width: 33.333%;
            float: right;
            text-align: center;
            color: #fff;
            background: #727272;
            height: 40px;
            font-size: 1em;
            line-height: 1em;
        }

            .mobilebottom_nav ul li a {
                color: #fff !important
            }

            .mobilebottom_nav ul li.buy {
                background: #0f86e0;
                line-height: 40px;
                font-size: 1.2em;
            }

            .mobilebottom_nav ul li.price {
                background: #00b93c;
                padding-top: 4px;
                font-size: 1.2em;
            }

                .mobilebottom_nav ul li.price .cur {
                    font-size: 80%;
                }

                .mobilebottom_nav ul li.price .oldprice {
                    font-size: 0.8em;
                    text-decoration: line-through;
                }

                    .mobilebottom_nav ul li.price .oldprice .product-price-last {
                        color: #fb0415 !important;
                    }

            .mobilebottom_nav ul li.demo {
                padding-top: 4px;
                font-size: 1em;
                background: #c200b8
            }

                .mobilebottom_nav ul li.demo small {
                    display: block;
                    padding-top: 3px;
                }

    .mobilebottom_nav.nodemo ul li.buy {
        width: 65%
    }

    .mobilebottom_nav.nodemo ul li.price {
        width: 35%
    }

    .mobilebottom_nav.nodemo ul li.demo {
        display: none
    }

#totop {
    display: none;
    background-color: #1976D2;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 1px;
    position: fixed;
    bottom: 45px;
    left: 10px;
    line-height: 0;
    z-index: 1000;
    opacity: 0.7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    #totop.show {
        display: inline-block;
    }

    #totop:hover {
        cursor: pointer;
        background-color: #176dc3;
        opacity: 1;
    }

    #totop::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        line-height: 30px;
        color: #fff;
    }


/*.copylink {
    display: inline-block;
    cursor: pointer;
    background: #86b0bd;
    margin: 0 auto;
    padding: 0px 10px;
    color: #fff;
    border: 1px solid #64919e;
    border-top: none;
    position:relative;
}
    .copylink:after {
        content: ''
    }
    .copylink.done:after {
        content: 'کپی شد';
        display: inline-block;
        position: absolute;
        background: #1976d2;
        width: 100px;
        right: 0;
        right: calc(50% - 50px);
        top: calc(100% + 1px);
        opacity: 0.5;
        border-radius: 0 0 5px 5px;
    }*/

.sharelink {
    position: relative;
    border-radius: 999em;
    border: 1px solid #858585;
    border: 1px solid #c9cccf;
    font-size: 1.3rem;
    padding: .2rem .5rem;
    direction: ltr;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    cursor: pointer;
    overflow: hidden;
}

    .sharelink i {
        font-size: 18px;
        margin-right: 5px;
        color: #444;
        vertical-align: middle;
        margin-top: 5px;
        margin-left: 2px;
    }

    .sharelink .msg {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 80px;
        height: 100%;
        padding-top: 3px;
        color: #fff;
        border-radius: 999rem 0 0 999em;
        text-align: center;
        background-color: rgba(0,0,0,.8);
    }

.capcha,
.captchalogin {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%
}

    .captchalogin,
    .capcha input {
        margin: 5px 0 19px 0;
        vertical-align: middle
    }

.captchalogin {
    padding: 0 1px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #c8c9d3;
    border-right: none;
    height: 34px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    min-width: 0;
    flex: 1;
}

    .captchalogin img {
        vertical-align: middle
    }

.capcha input {
    border-radius: 0 3px 3px 0;
    width: 120px;
    text-align: center;
    padding: 7px 10px;
    letter-spacing: 4px;
    border-left: none;
    color: #444;
    box-sizing: border-box;
    font: bold 16px arial;
    line-height: 15px;
    flex: 2;
}

@media (max-width: 498px) {
    .capcha input {
    flex: 1;
    }

    .captchalogin {
    flex: 1;
    }

}

.tooltip {
    font-family: "main",Tahoma
}


.footer-bottom {
    border-top: 1px solid #e8e8e8;
    padding: 15px 0;
    background: #f9f9f9;
    margin-top: 40px;
    color: #6f6f6f;
    font-size: 13px;
}
.ul-reset{
    padding:0; margin:0; list-style:none
}
hr.dark {
    border-color: #dadada
}
.m-t-30{
    margin-top:30px !important
}