/* 
--------------------------
- 1.1 Default CSS
--------------------------
*/

/*google font*/


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-x: hidden;
    -ms-flex-negative: 0;
    background-color: #f8f9fa;
}

img {
    max-width: 100%;
    height: auto;
}

/*custome css*/

/*--------------------------
   Padding top
---------------------------*/

.pt--0 {
    padding-top: 0
}

.pt--10 {
    padding-top: 10px
}

.pt--15 {
    padding-top: 15px
}

.pt--20 {
    padding-top: 20px
}

.pt--30 {
    padding-top: 30px
}

.pt--40 {
    padding-top: 40px
}

.pt--50 {
    padding-top: 50px
}

.pt--60 {
    padding-top: 60px
}

.pt--70 {
    padding-top: 70px
}

.pt--80 {
    padding-top: 80px
}

.pt--90 {
    padding-top: 90px
}

.pt--100 {
    padding-top: 100px
}

.pt--110 {
    padding-top: 110px
}

.pt--120 {
    padding-top: 120px
}

.pt--130 {
    padding-top: 130px
}

.pt--140 {
    padding-top: 140px
}

.pt--150 {
    padding-top: 150px
}

.pt--160 {
    padding-top: 160px
}

.pt--170 {
    padding-top: 170px
}

.pt--180 {
    padding-top: 180px
}

.pt--190 {
    padding-top: 190px
}

/*------------------------
   Padding bottom
---------------------------*/

.pb--0 {
    padding-bottom: 0
}

.pb--10 {
    padding-bottom: 10px
}

.pb--15 {
    padding-bottom: 15px
}

.pb--20 {
    padding-bottom: 20px
}

.pb--30 {
    padding-bottom: 30px
}

.pb--40 {
    padding-bottom: 40px
}

.pb--50 {
    padding-bottom: 50px
}

.pb--60 {
    padding-bottom: 60px
}

.pb--70 {
    padding-bottom: 70px
}

.pb--80 {
    padding-bottom: 80px
}

.pb--90 {
    padding-bottom: 90px
}

.pb--100 {
    padding-bottom: 100px
}

.pb--110 {
    padding-bottom: 110px
}

.pb--120 {
    padding-bottom: 120px
}

.pb--130 {
    padding-bottom: 130px
}

.pb--140 {
    padding-bottom: 140px
}

.pb--150 {
    padding-bottom: 150px
}

.pb--160 {
    padding-bottom: 160px
}

.pb--170 {
    padding-bottom: 170px
}

.pb--180 {
    padding-bottom: 180px
}

.pb--190 {
    padding-bottom: 190px
}

/*------------------------------
   Page section padding 
-------------------------------*/

.ptb--0 {
    padding: 0
}

.ptb--10 {
    padding: 10px 0
}

.ptb--20 {
    padding: 20px 0
}

.ptb--30 {
    padding: 30px 0
}

.ptb--40 {
    padding: 40px 0
}

.ptb--50 {
    padding: 50px 0
}

.ptb--60 {
    padding: 60px 0
}

.ptb--70 {
    padding: 70px 0
}

.ptb--80 {
    padding: 80px 0
}

.ptb--90 {
    padding: 90px 0
}

.ptb--100 {
    padding: 100px 0
}

.ptb--110 {
    padding: 110px 0
}

.ptb--120 {
    padding: 120px 0
}

.ptb--130 {
    padding: 130px 0
}

.ptb--140 {
    padding: 140px 0
}

.ptb--150 {
    padding: 150px 0
}

.ptb--160 {
    padding: 160px 0
}

.ptb--170 {
    padding: 170px 0
}

.ptb--180 {
    padding: 180px 0
}

/*------------------------------
   Page section padding left
-------------------------------*/

.pl--0 {
    padding-left: 0px;
}

.pl--10 {
    padding-left: 10px;
}

.pl--20 {
    padding-left: 20px;
}

.pl--30 {
    padding-left: 30px;
}

.pl--40 {
    padding-left: 40px;
}

.pl--50 {
    padding-left: 50px;
}

.pl--60 {
    padding-left: 60px;
}

.pl--70 {
    padding-left: 70px;
}

.pl--80 {
    padding-left: 80px;
}

.pl--90 {
    padding-left: 90px;
}

.pl--100 {
    padding-left: 100px;
}

.pl--110 {
    padding-left: 110px;
}

/*------------------------------
   Page section padding right
-------------------------------*/

.pr--0 {
    padding-right: 0px;
}

.pr--10 {
    padding-right: 10px;
}

.pr--20 {
    padding-right: 20px;
}

.pr--30 {
    padding-right: 30px;
}

.pr--40 {
    padding-right: 40px;
}

.pr--50 {
    padding-right: 50px;
}

.pr--60 {
    padding-right: 60px;
}

.pr--70 {
    padding-right: 70px;
}

.pr--80 {
    padding-right: 80px;
}

.pr--90 {
    padding-right: 90px;
}

.pr--100 {
    padding-right: 100px;
}

.pr--110 {
    padding-right: 110px;
}

/* Colors */

:root {
    --primary-color: #4336FB;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    height: 100%;
    width: 100%;
    background: #fff;
    display: flex;
}
.loader{
    margin: auto;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
}
.loader:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    border-radius: 50%;
    opacity: 0;
    animation: popin 1.5s linear infinite 0s;
}
.loader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    border-radius: 50%;
    opacity: 0;
    animation: popin 1.5s linear infinite 0.5s;
}

@keyframes popin{
    0%{
        opacity: 0;
        transform: scale(0);
    }
    1%{
        opacity: 0.1;
        transform: scale(0);
    }
    99%{
        opacity: 0;
        transform: scale(2);
    }
    100%{
        opacity: 0;
        transform: scale(0);
    }
}
@charset "UTF-8";
 .row:after,.row:before{
    content:' ';
    display:table;
    -webkit-flex-basis:0;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1
}
.row:after{
    clear:both
}
.row.collapse>.column,.row.collapse>.columns{
    padding-left:0;
    padding-right:0
}
.row .row{
    margin-left:-.625rem;
    margin-right:-.625rem
}
@media screen and (min-width:40em){
    .row .row{
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
.row .row.collapse{
    margin-left:0;
    margin-right:0
}
.row.expanded{
    max-width:none
}
.row.expanded .row{
    margin-left:auto;
    margin-right:auto
}
.column,.columns{
    width:100%;
    float:right;
    padding-left:.625rem;
    padding-right:.625rem
}
@media screen and (min-width:40em){
   .marginj .column {
    width:100% !important;

    }
}
.column:last-child:not(:first-child),.columns:last-child:not(:first-child){
    float:right
}
.column.end:last-child:last-child,.end.columns:last-child:last-child{
    float:left
}
.column.row.row,.row.row.columns{
    float:none
}
.row .column.row.row,.row .row.row.columns{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0
}
.small-1{
    width:8.33333%
}
.small-push-1{
    position:relative;
    left:8.33333%
}
.small-pull-1{
    position:relative;
    left:-8.33333%
}
.small-offset-0{
    margin-left:0
}
.small-2{
    width:16.66667%
}
.small-push-2{
    position:relative;
    left:16.66667%
}
.small-pull-2{
    position:relative;
    left:-16.66667%
}
.small-offset-1{
    margin-left:8.33333%
}
.small-3{
    width:25%
}
.small-push-3{
    position:relative;
    left:25%
}
.small-pull-3{
    position:relative;
    left:-25%
}
.small-offset-2{
    margin-left:16.66667%
}
.small-4{
    width:33.33333%
}
.small-push-4{
    position:relative;
    left:33.33333%
}
.small-pull-4{
    position:relative;
    left:-33.33333%
}
.small-offset-3{
    margin-left:25%
}
.small-5{
    width:41.66667%
}
.small-push-5{
    position:relative;
    left:41.66667%
}
.small-pull-5{
    position:relative;
    left:-41.66667%
}
.small-offset-4{
    margin-left:33.33333%
}
.small-6{
    width:50%
}
.small-push-6{
    position:relative;
    left:50%
}
.small-pull-6{
    position:relative;
    left:-50%
}
.small-offset-5{
    margin-left:41.66667%
}
.small-7{
    width:58.33333%
}
.small-push-7{
    position:relative;
    left:58.33333%
}
.small-pull-7{
    position:relative;
    left:-58.33333%
}
.small-offset-6{
    margin-left:50%
}
.small-8{
    width:66.66667%
}
.small-push-8{
    position:relative;
    left:66.66667%
}
.small-pull-8{
    position:relative;
    left:-66.66667%
}
.small-offset-7{
    margin-left:58.33333%
}
.small-9{
    width:75%
}
.small-push-9{
    position:relative;
    left:75%
}
.small-pull-9{
    position:relative;
    left:-75%
}
.small-offset-8{
    margin-left:66.66667%
}
.small-10{
    width:83.33333%
}
.small-push-10{
    position:relative;
    left:83.33333%
}
.small-pull-10{
    position:relative;
    left:-83.33333%
}
.small-offset-9{
    margin-left:75%
}
.small-11{
    width:91.66667%
}
.small-push-11{
    position:relative;
    left:91.66667%
}
.small-pull-11{
    position:relative;
    left:-91.66667%
}
.small-offset-10{
    margin-left:83.33333%
}
.small-12{
    width:100%
}
.small-offset-11{
    margin-left:91.66667%
}
.small-up-1>.column,.small-up-1>.columns{
    width:100%;
    float:left
}
.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){
    clear:none
}
.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){
    clear:both
}
.small-up-1>.column:last-child,.small-up-1>.columns:last-child{
    float:left
}
.small-up-2>.column,.small-up-2>.columns{
    width:50%;
    float:left
}
.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){
    clear:none
}
.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){
    clear:both
}
.small-up-2>.column:last-child,.small-up-2>.columns:last-child{
    float:left
}
.small-up-3>.column,.small-up-3>.columns{
    width:33.33333%;
    float:left
}
.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){
    clear:none
}
.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){
    clear:both
}
.small-up-3>.column:last-child,.small-up-3>.columns:last-child{
    float:left
}
.small-up-4>.column,.small-up-4>.columns{
    width:25%;
    float:left
}
.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){
    clear:none
}
.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){
    clear:both
}
.small-up-4>.column:last-child,.small-up-4>.columns:last-child{
    float:left
}
.small-up-5>.column,.small-up-5>.columns{
    width:20%;
    float:left
}
.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){
    clear:none
}
.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){
    clear:both
}
.small-up-5>.column:last-child,.small-up-5>.columns:last-child{
    float:left
}
.small-up-6>.column,.small-up-6>.columns{
    width:16.66667%;
    float:left
}
.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){
    clear:none
}
.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){
    clear:both
}
.small-up-6>.column:last-child,.small-up-6>.columns:last-child{
    float:left
}
.small-up-7>.column,.small-up-7>.columns{
    width:14.28571%;
    float:left
}
.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){
    clear:none
}
.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){
    clear:both
}
.small-up-7>.column:last-child,.small-up-7>.columns:last-child{
    float:left
}
.small-up-8>.column,.small-up-8>.columns{
    width:12.5%;
    float:left
}
.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){
    clear:none
}
.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){
    clear:both
}
.small-up-8>.column:last-child,.small-up-8>.columns:last-child{
    float:left
}
.small-collapse>.column,.small-collapse>.columns{
    padding-left:0;
    padding-right:0
}
.small-collapse .row{
    margin-left:0;
    margin-right:0
}
.small-uncollapse>.column,.small-uncollapse>.columns{
    padding-left:.625rem;
    padding-right:.625rem
}
.small-centered{
    float:none;
    margin-left:auto;
    margin-right:auto
}
.small-pull-0,.small-push-0,.small-uncentered{
    position:static;
    margin-left:0;
    margin-right:0;
    float:left
}
@media screen and (min-width:40em){
    .medium-1{
        width:8.33333%
    }
    .medium-push-1{
        position:relative;
        left:8.33333%
    }
    .medium-pull-1{
        position:relative;
        left:-8.33333%
    }
    .medium-offset-0{
        margin-left:0
    }
    .medium-2{
        width:16.66667%
    }
    .medium-push-2{
        position:relative;
        left:16.66667%
    }
    .medium-pull-2{
        position:relative;
        left:-16.66667%
    }
    .medium-offset-1{
        margin-left:8.33333%
    }
    .medium-3{
        width:25%
    }
    .medium-push-3{
        position:relative;
        left:25%
    }
    .medium-pull-3{
        position:relative;
        left:-25%
    }
    .medium-offset-2{
        margin-left:16.66667%
    }
    .medium-4{
        width:33.33333%
    }
    .marginj .medium-4 {
    width: 100%;
    }
    .medium-push-4{
        position:relative;
        left:33.33333%
    }
    .medium-pull-4{
        position:relative;
        left:-33.33333%
    }
    .medium-offset-3{
        margin-left:25%
    }
    .medium-5{
        width:41.66667%
    }
    .medium-push-5{
        position:relative;
        left:41.66667%
    }
    .medium-pull-5{
        position:relative;
        left:-41.66667%
    }
    .medium-offset-4{
        margin-left:33.33333%
    }
    .medium-6{
        width:50%
    }
    .medium-push-6{
        position:relative;
        left:50%
    }
    .medium-pull-6{
        position:relative;
        left:-50%
    }
    .medium-offset-5{
        margin-left:41.66667%
    }
    .medium-7{
        width:58.33333%
    }
    .medium-push-7{
        position:relative;
        left:58.33333%
    }
    .medium-pull-7{
        position:relative;
        left:-58.33333%
    }
    .medium-offset-6{
        margin-left:50%
    }
    .medium-8{
        width:66.66667%
    }
    .medium-push-8{
        position:relative;
        left:66.66667%
    }
    .medium-pull-8{
        position:relative;
        left:-66.66667%
    }
    .medium-offset-7{
        margin-left:58.33333%
    }
    .medium-9{
        width:75%
    }
    .medium-push-9{
        position:relative;
        left:75%
    }
    .medium-pull-9{
        position:relative;
        left:-75%
    }
    .medium-offset-8{
        margin-left:66.66667%
    }
    .medium-10{
        width:83.33333%
    }
    .medium-push-10{
        position:relative;
        left:83.33333%
    }
    .medium-pull-10{
        position:relative;
        left:-83.33333%
    }
    .medium-offset-9{
        margin-left:75%
    }
    .medium-11{
        width:91.66667%
    }
    .medium-push-11{
        position:relative;
        left:91.66667%
    }
    .medium-pull-11{
        position:relative;
        left:-91.66667%
    }
    .medium-offset-10{
        margin-left:83.33333%
    }
    .medium-12{
        width:100%
    }
    .medium-offset-11{
        margin-left:91.66667%
    }
    .medium-up-1>.column,.medium-up-1>.columns{
        width:100%;
        float:left
    }
    .medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){
        clear:both
    }
    .medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{
        float:left
    }
    .medium-up-2>.column,.medium-up-2>.columns{
        width:50%;
        float:left
    }
    .medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){
        clear:both
    }
    .medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{
        float:left
    }
    .medium-up-3>.column,.medium-up-3>.columns{
        width:33.33333%;
        float:left
    }
    .medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){
        clear:both
    }
    .medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{
        float:left
    }
    .medium-up-4>.column,.medium-up-4>.columns{
        width:25%;
        float:left
    }
    .medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){
        clear:both
    }
    .medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{
        float:left
    }
    .medium-up-5>.column,.medium-up-5>.columns{
        width:20%;
        float:left
    }
    .medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){
        clear:both
    }
    .medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{
        float:left
    }
    .medium-up-6>.column,.medium-up-6>.columns{
        width:16.66667%;
        float:left
    }
    .medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){
        clear:both
    }
    .medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{
        float:left
    }
    .medium-up-7>.column,.medium-up-7>.columns{
        width:14.28571%;
        float:left
    }
    .medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){
        clear:both
    }
    .medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{
        float:left
    }
    .medium-up-8>.column,.medium-up-8>.columns{
        width:12.5%;
        float:left
    }
    .medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){
        clear:none
    }
    .medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){
        clear:both
    }
    .medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{
        float:left
    }
    .medium-collapse>.column,.medium-collapse>.columns{
        padding-left:0;
        padding-right:0
    }
    .medium-collapse .row{
        margin-left:0;
        margin-right:0
    }
    .medium-uncollapse>.column,.medium-uncollapse>.columns{
        padding-left:.9375rem;
        padding-right:.9375rem
    }
    .medium-centered{
        float:none;
        margin-left:auto;
        margin-right:auto
    }
    .medium-pull-0,.medium-push-0,.medium-uncentered{
        position:static;
        margin-left:0;
        margin-right:0;
        float:left
    }
}
@media screen and (min-width:64em){
    .large-1{
        width:8.33333%
    }
    .large-push-1{
        position:relative;
        left:8.33333%
    }
    .large-pull-1{
        position:relative;
        left:-8.33333%
    }
    .large-offset-0{
        margin-left:0
    }
    .large-2{
        width:16.66667%
    }
    .large-push-2{
        position:relative;
        left:16.66667%
    }
    .large-pull-2{
        position:relative;
        left:-16.66667%
    }
    .large-offset-1{
        margin-left:8.33333%
    }
    .large-3{
        width:25%
    }
    .large-push-3{
        position:relative;
        left:25%
    }
    .large-pull-3{
        position:relative;
        left:-25%
    }
    .large-offset-2{
        margin-left:16.66667%
    }
    .large-4{
        width:33.33333%
    }
    .large-push-4{
        position:relative;
        left:33.33333%
    }
    .large-pull-4{
        position:relative;
        left:-33.33333%
    }
    .large-offset-3{
        margin-left:25%
    }
    .large-5{
        width:41.66667%
    }
    .large-push-5{
        position:relative;
        left:41.66667%
    }
    .large-pull-5{
        position:relative;
        left:-41.66667%
    }
    .large-offset-4{
        margin-left:33.33333%
    }
    .large-6{
        width:50%
    }
    .large-push-6{
        position:relative;
        left:50%
    }
    .large-pull-6{
        position:relative;
        left:-50%
    }
    .large-offset-5{
        margin-left:41.66667%
    }
    .large-7{
        width:58.33333%
    }
    .large-push-7{
        position:relative;
        left:58.33333%
    }
    .large-pull-7{
        position:relative;
        left:-58.33333%
    }
    .large-offset-6{
        margin-left:50%
    }
    .large-8{
        width:66.66667%
    }
    .large-push-8{
        position:relative;
        left:66.66667%
    }
    .large-pull-8{
        position:relative;
        left:-66.66667%
    }
    .large-offset-7{
        margin-left:58.33333%
    }
    .large-9{
        width:75%
    }
    .large-push-9{
        position:relative;
        left:75%
    }
    .large-pull-9{
        position:relative;
        left:-75%
    }
    .large-offset-8{
        margin-left:66.66667%
    }
    .large-10{
        width:83.33333%
    }
    .large-push-10{
        position:relative;
        left:83.33333%
    }
    .large-pull-10{
        position:relative;
        left:-83.33333%
    }
    .large-offset-9{
        margin-left:75%
    }
    .large-11{
        width:91.66667%
    }
    .large-push-11{
        position:relative;
        left:91.66667%
    }
    .large-pull-11{
        position:relative;
        left:-91.66667%
    }
    .large-offset-10{
        margin-left:83.33333%
    }
    .large-12{
        width:100%
    }
    .large-offset-11{
        margin-left:91.66667%
    }
    .large-up-1>.column,.large-up-1>.columns{
        width:100%;
        float:left
    }
    .large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){
        clear:both
    }
    .large-up-1>.column:last-child,.large-up-1>.columns:last-child{
        float:left
    }
    .large-up-2>.column,.large-up-2>.columns{
        width:50%;
        float:left
    }
    .large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){
        clear:both
    }
    .large-up-2>.column:last-child,.large-up-2>.columns:last-child{
        float:left
    }
    .large-up-3>.column,.large-up-3>.columns{
        width:33.33333%;
        float:left
    }
    .large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){
        clear:both
    }
    .large-up-3>.column:last-child,.large-up-3>.columns:last-child{
        float:left
    }
    .large-up-4>.column,.large-up-4>.columns{
        width:25%;
        float:left
    }
    .large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){
        clear:both
    }
    .large-up-4>.column:last-child,.large-up-4>.columns:last-child{
        float:left
    }
    .large-up-5>.column,.large-up-5>.columns{
        width:20%;
        float:left
    }
    .large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){
        clear:both
    }
    .large-up-5>.column:last-child,.large-up-5>.columns:last-child{
        float:left
    }
    .large-up-6>.column,.large-up-6>.columns{
        width:16.66667%;
        float:left
    }
    .large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){
        clear:both
    }
    .large-up-6>.column:last-child,.large-up-6>.columns:last-child{
        float:left
    }
    .large-up-7>.column,.large-up-7>.columns{
        width:14.28571%;
        float:left
    }
    .large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){
        clear:both
    }
    .large-up-7>.column:last-child,.large-up-7>.columns:last-child{
        float:left
    }
    .large-up-8>.column,.large-up-8>.columns{
        width:12.5%;
        float:left
    }
    .large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){
        clear:none
    }
    .large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){
        clear:both
    }
    .large-up-8>.column:last-child,.large-up-8>.columns:last-child{
        float:left
    }
    .large-collapse>.column,.large-collapse>.columns{
        padding-left:0;
        padding-right:0
    }
    .large-collapse .row{
        margin-left:0;
        margin-right:0
    }
    .large-uncollapse>.column,.large-uncollapse>.columns{
        padding-left:.9375rem;
        padding-right:.9375rem
    }
    .large-centered{
        float:none;
        margin-left:auto;
        margin-right:auto
    }
    .large-pull-0,.large-push-0,.large-uncentered{
        position:static;
        margin-left:0;
        margin-right:0;
        float:left
    }
}

.reveal .column,.reveal .columns{
    min-width:0
}





/*the ajax loading icon*/
 .umloading {
    width:100%;
    height:20px;
    background:rgba(255, 255, 255, 0.8) url('ajax_loader.gif') no-repeat 50% 50%;
}
/*the form div*/
/*Form title*/
 .uform_title{
    text-align: center;
    margin: auto 0 auto 0;
    font-size: 20px;
    padding-bottom: 10px;
}

/*label for each field*/
 .uhormoz_class > span[class*='taxolabel-'], .uhormoz_class > span[class*='cmflabel-']{
    float: right;
     padding: 5px;
     font-weight: bold !important;
     clear: both;
     width: 100%;
}
/*dropdown*/
 .uhormoz_class select {
     font-family: inherit;
     font-size: 14px;
     width: 100%;
    height: 33px;
    margin: 5px 0 5px 0;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
 .usearchbtn {
     background: #FDCF41 !important;
     color: #333 !important;
     display: inline-block;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     width: 100% !important;
     font-size: 14px;
     padding: 4px 10px;
     margin: 5px 0 5px 0;
     border-radius: 3px;
         height: 33px;
             cursor: pointer;

}
 .ary {
     text-align: center;
     margin-top: 50px;
}
 .text-secon {
     color: #6c757d !important;
}
 .spinner-border {
     display: inline-block;
     width: 90px;
     height: 90px;
     vertical-align: text-bottom;
     border: 10px solid currentColor;
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
     margin: 0 auto;
     text-align: center;
}
/*taxonomy and meta field radio OPTIONS*/
 .uhormoz_class > label{
    float:left;
    width:100%;
}
/*Checkboxes*/
 [class*='tax-check-'] label,[class*='cmf-check-'] label {
    float:left;
    width:50%;
}
/*search button*/
 .uhormoz_submit{
    text-align:center;
    margin-bottom:15px;
}
/*keyword search label*/
 .uhormoz_class-keyword{
    padding:5px;
    font-weight:bold !important;
}
/*text input for keyword*/
 input#uhormoz_id_key {
     width: 100%;
     padding: 4px 10px;
     margin: 5px 0 5px 0;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
/*Pagination*/
 .uhormozpagi {
     text-align: center;
     margin-top: 15px;
     margin-bottom: 15px;
     clear: both;
     width: 100%;
     display: inline-block;
     text-align: center;
     border-radius: 3px;

     margin: 15px 0;
     border: none;
}
 a.upagievent{
    text-align: center;
    line-height: 32px;
    display: inline-block;
    margin: 0;
    color: #6c6f78;
    font-size: 13px;
    padding: 0 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid #e91e63;
    background-color: #fff;
    height: 30px;
    margin: 0 2px;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
}
 span.upagicurrent{
    display: inline-block;
    background: #e91e63;
    border: 1px solid #e91e63b5;
    color: #fff;
    height: 33px;
    font-size: 14px;
    padding: 6px 14px;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
    margin: 1px;
    font-weight: 700;
}
 .upagievent:hover{
    background: #e31e24;
     color: #fff;
}
 .accordiona {
     cursor: pointer;
     text-align: right;
     outline: none;
     font-size: 14px;
     transition: 0.4s;
     width: 100%;
     padding: 4px 10px;
     margin: 5px 0 5px 0;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
 .active, .accordiona:hover {
     color: #666;
}
 .accordiona:after {
     content: '\002B';
     font-weight: bold;
     float: left;
     margin-left: 5px;
}

 .panela {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     position: absolute;
     z-index: 1000;
     padding: 0 .5rem;
     color: #212529;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 0 solid rgba(0,0,0,0.15);
     border-radius: .25rem;
     -webkit-box-shadow: 0 1rem 2rem rgba(73,80,87,0.3) !important;
     box-shadow: 0 1rem 2rem rgba(73,80,87,0.3) !important;
}

 .type-post {
     transition: all 0.3s;
}
 .type-post {
     height: 270px;
     position: relative;
     margin-bottom: 15px;
     background: #fff;
     border: 1px solid #dedede;
}
 .entry-header {
     float: right;
     width: 100%;
     height: auto;
}
 figure.thumbnail {
     float: right;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 figure.thumbnail a {
     display: block;
}
 figure.thumbnail img {
     width: 100%;
     max-width: 100%;
     height: 140px;
     max-height: 300px;
     border-radius: 3px 3px 0 0;
}
 .panela label {
display: inline-block;
    float: right;
    width: 100%;
    padding: 5px 20px;
    font-size: 12px;
    margin: 0;
}
 figure.thumbnail .views {
     position: absolute;
     bottom: 0;
     padding: 0 10px;
     background: rgba(0,0,0,.5);
     display: block;
     width: 100%;
     height: 30px;
     line-height: 30px;
     color: #fff;
     -webkit-transform: translate(0,100%);
     -ms-transform: translate(0,100%);
     -o-transform: translate(0,100%);
     transform: translate(0,100%);
     -webkit-transition: all .3s cubic-bezier(1,.005,.050,1);
     -webkit-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -moz-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -o-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -webkit-transition-timing-function: cubic-bezier(1,.005,.050,1);
     -webkit-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     -moz-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     -o-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     transition-timing-function: cubic-bezier(1,.005,.050,1.005);
}
 .type-post:hover .thumbnail .views {
     -webkit-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
}
 figure.thumbnail .views {
     position: absolute;
     bottom: 0;
     padding: 0 10px;
     background: rgba(0,0,0,.5);
     display: block;
     width: 100%;
     height: 30px;
     line-height: 30px;
     color: #fff;
     -webkit-transform: translate(0,100%);
     -ms-transform: translate(0,100%);
     -o-transform: translate(0,100%);
     transform: translate(0,100%);
     -webkit-transition: all .3s cubic-bezier(1,.005,.050,1);
     -webkit-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -moz-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -o-transition: all .3s cubic-bezier(1,.005,.050,1.005);
     transition: all .3s cubic-bezier(1,.005,.050,1.005);
     -webkit-transition-timing-function: cubic-bezier(1,.005,.050,1);
     -webkit-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     -moz-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     -o-transition-timing-function: cubic-bezier(1,.005,.050,1.005);
     transition-timing-function: cubic-bezier(1,.005,.050,1.005);
}
 .type-post .entry-header h2 {
     font-size: 14px;
     padding: 10px;
     float: right;
     width: 100%;
     line-height: 18px;
     margin: 0;
     height: 50px;
     overflow: hidden;
     text-align: right;
}
 .type-post .entry-header h2 a {
     color: #333;
     font-size: 13px;
}
 .type-post .entry-content {
     float: right;
     width: 100%;
     padding: 0 15px;
     line-height: 1.7;
     font-size: 14px;
     max-height: 120px;
     overflow: hidden;
}
 .entry-content .preview {
     position: absolute;
     bottom: 0;
     width: 100%;
     right: 0;
}
 .type-post:hover .entry-content .preview a {
     background: #7fbb00;
     color: #fff;
}
 .type-post .entry-content .preview a {
     width: 100%;
     margin: 0;
     height: 45px;
     line-height: 45px;
     background: #f5f5f5;
     padding: 0 15px;
     font-size: 17px;
     color: #373a33;
     float: right;
     -webkit-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s;
     border-radius: 0 0 3px 3px;
     text-align: center;
}
 .hormozprice {
     float: right;
     width: 100%;
     font-size: 14px;
     padding: 5px;
     color: #4CAF50;
}
 .ppcon {
     float: right;
}
 .hormozprice .edd_price_range_sep, .hormozprice .edd_price_range_high {
     display: none;
}
 .usearchbtn:hover {
     background: #4c4c4c;
}
 .noevery {
     width: 100%;
     margin-right: 0;
}
 @media (max-width: 470px){
     .ppccon {
         width: 100%;
         margin-right: 0;
    }
     .ppcon {
         width: 100%;
         margin-right: 0;
    }
     .panel {
         width: 80%;
    }
}
 @media (max-width: 370px){
     .ppccon {
         width: 100%;
         margin-right: 0;
    }
     .ppcon {
         width: 100%;
         margin-right: 0;
    }
     .panel {
         width: 80%;
    }
     .ppccon:nth-child(5) {
         margin-left: 0;
         width: 100%;
    }
}
 .ppccon, .noevery {
     padding-left: 2px;
     padding-right: 2px;
}
 .ppcon {
     padding-left: 5px;
     padding-right: 5px;
}
 .control-group {
     display: inline-block;
     vertical-align: top;
     background: #fff;
     text-align: left;
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     padding: 30px;
     width: 200px;
     height: 210px;
     margin: 10px;
}
 .control {
     display: block;
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     font-size: 18px;
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .control__indicator {
     position: absolute;
     top: 5px;
     right: 0;
     height: 15px;
     width: 15px;
     background: #e6e6e6;
}
 .control--radio .control__indicator {
     border-radius: 50%;
}
 .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
     background: #ccc;
}
 .control input:checked ~ .control__indicator {
     background: #2aa1c0;
}
 .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
     background: #0e647d;
}
 .control input:disabled ~ .control__indicator {
     background: #e6e6e6;
     opacity: 0.6;
     pointer-events: none;
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none;
}
 .control input:checked ~ .control__indicator:after {
     display: block;
}
 .control--checkbox .control__indicator:after {
     left: 6px;
     top: 0px;
     width: 6px;
     height: 12px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}
 .control--checkbox input:disabled ~ .control__indicator:after {
     border-color: #7b7b7b;
}
 .control--radio .control__indicator:after {
     left: 5px;
     top: 5px;
     height: 5px;
     width: 5px;
     border-radius: 50%;
     background: #fff;
}
 .control--radio input:disabled ~ .control__indicator:after {
     background: #7b7b7b;
}
 .select {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
     width: 100%;
}
 .select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 10px 15px;
     outline: 0;
     border: 0;
     border-radius: 0;
     background: #e6e6e6;
     color: #7b7b7b;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #000;
     background: #ccc;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 16px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}
 #contentt h1 {
font-size: 16px;
    padding-top: 15px;
    padding-right: 10px;
}
 .nothing {
     text-align: center;
     font-size: 24px;
     padding-bottom: 30px;
     font-weight: 700;
     margin-top: 70px;
}
 .nothing:before {
     content: '\2573';
     font-weight: bold;
     margin-left: 5px;
     position: absolute;
     margin-top: -55px;
     margin-right: 68px;
     text-align: center;
     color: #fb3449;
     border: 2px solid #fb3449;
     background: #fd929e69;
     padding: 10px;
     border-radius: 50%;
}
 #min {
     float: left;
     width: 17%;
     padding: 0px 10px;
     margin-right: 14px;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
 #slider-range {
     float: right;
     margin: 8px 0px 5px 0px;
}
 #max {
     float: right;
     width: 17%;
     padding: 0px 10px;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
 .form-price-range-filter {
     width: 100%;
     float: right;
     padding: 4px 10px;
     border-radius: 3px;
     border: 1px solid #c8c9d3;
     background: #FDFDFD;
     color: #23242c;
}
 div#amount {
     text-align: left;
     font-weight: 700;
     float: left;
}
 .marginj .ppccon {
     width: 100% !important;
     flex: 100%;
     max-width: 100%;
}
 .marginj .col-sm-8, .marginj .col-sm-4 {
     width: 100% !important;
     flex: 100%;
     max-width: 100%;
}
 .options-box-item {
     position: relative;
     display: block;
     float: right;
     width: 25%;
     padding: 4px 6px;
}
 .price-input{
    width: 100%;
    display: flex;
    padding: 5px 0;
    margin-bottom: 13px;
}
 .price-input .fieldprice{
    display: flex;
    width: 100%;
    align-items: center;
}
 .fieldprice input {
    width: 100%;
    outline: none;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #dedede;
    background: #f5f5f5;

}
 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
 .price-input .separator{
     width: 20px;
     display: flex;
     font-size: 19px;
     align-items: center;
     justify-content: center;
}
 .sliderprice{
     height: 5px;
     position: relative;
     background: #ddd;
     border-radius: 5px;
}
 .sliderprice .progressprice{
     height: 100%;
     left: 0;
     right: 0;
     position: absolute;
     border-radius: 5px;
     background: #17A2B8;
}
 .range-inputprice{
     position: relative;
}
 .range-inputprice input{
     position: absolute;
     width: 100%;
     height: 5px;
     top: -5px;
     background: none;
     pointer-events: none;
     -webkit-appearance: none;
     -moz-appearance: none;
}
 input[type="range"]::-webkit-slider-thumb{
     height: 17px;
     width: 17px;
     border-radius: 50%;
     background: #17A2B8;
     pointer-events: auto;
     -webkit-appearance: none;
     box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
 input[type="range"]::-moz-range-thumb{
     height: 17px;
     width: 17px;
     border: none;
     border-radius: 50%;
     background: #17A2B8;
     pointer-events: auto;
     -moz-appearance: none;
     box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
 .price-range {
color: #23242c;
    margin: 15px 0;
}
 .extinput label {
    display: flex;
}
.options-box-item2 {
    width: 19%;
}
.options-box-item > .checkbox {
    background-color: #d0d0d0;
    color: #fff;
    display: block;
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.checkbox > input {
    display: none !important;
}
.checkbox > span {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 28px;
    padding-left: 45px;
    font-size: 12px;
}
.checkbox > span {
    padding-right: 26px!important;
    padding-left: unset!important;
}
.checkbox > span:before {
    left: 4px;
}
.checkbox > span:before {
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    margin: 0;
    content: " ";
    left: 4px;
    top: 6px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #c5c5c5;
}
.checkbox > input:checked + span:after {
    left: 6px;
}
.checkbox > input:checked + span:after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 16px;
    color: #16a085;
    height: 16px;
    width: 16px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    left: 6px;
    top: 6px;
}
/* Dropdown Button */
.dropbtn {
    cursor: pointer;
    background: #FDCF41 !important;
    color: #333 !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100% !important;
    font-size: 12px;
    padding: 4px 10px;
    margin: 5px 0 5px 0;
    border-radius: 3px;
    height: 33px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.close {
    float: left;
    display: contents;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.benefits-item{
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    padding: 10px;
}
.summit-sapphire {
    background-color: #e7edf1;
}