/* responsive */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* new edit */
.fpkgs{
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.fpkgs .slctform{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.fpkgs .slctform .circles{}
.fpkgs .slctform .circles .active{}
.fpkgs .slctform .circles .active .dots{}
.fpkgs .slctform .circles .active .dots .dot{}
.fpkgs .slctform .circles>div{}
.fpkgs .slctform .circles>div .dots{}
.fpkgs .slctform .circles>div .dots .dot{}
.fpkgs .slctform .circles .csections1{}
.fpkgs .slctform .circles .csections1 .dots{}
.fpkgs .slctform .circles .csections1 .dots .dot{}
.fpkgs .slctform .circles .csections2{}
.fpkgs .slctform .circles .csections2 .dots{}
.fpkgs .slctform .circles .csections2 .dots .dot{}
.fpkgs .slctform .circles .csections3{}
.fpkgs .slctform .circles .csections3 .dots{}
.fpkgs .slctform .circles .csections3 .dots .dot{}
.fpkgs .slctform .circles .csections4{}
.fpkgs .slctform .circles .csections4 .dots{}
.fpkgs .slctform .circles .csections4 .dots .dot{}
.fpkgs .slctform .fpkgsitems{
    margin: 0;
}
.fpkgs .slctform .fpkgsitems .realitem{}
.fpkgs .slctform .fpkgsitems .realitem>div{}
.fpkgs .slctform .fpkgsitems .realitem>div span{}
.fpkgs .slctform .fpkgsitems .realitem>div span strong{}

.fpkgs .slctform .fpkgsitems .realitem .active{}
.fpkgs .slctform .fpkgsitems .realitem .active span{}
.fpkgs .slctform .fpkgsitems .neunaxelform{}
.fpkgs .slctform .fpkgsitems .neunaxelform form{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #website{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #phone{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button.disabled{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button:hover{}
.fpkgs .slctform .registeredItems{}
.fpkgs .slctform .registeredItems>div{}
.fpkgs .slctform .registeredItems>div img{}
.fpkgs .slctform .registeredItems>div span{}
.fpkgs .slctform .registeredItems>div p{}
.fpkgs .slctform .registeredItems .back_button{}
.fpkgs .slctform .registeredItems .back_button:hover{}
.fpkgs .formInfo{
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fpkgs .formInfo .formInfoIcon{
    margin: 0;
}
.fpkgs .formInfo .formInfoIcon img{}
.fpkgs .formInfo .formInfoIcon span{}
.fpkgs .formInfo .formInfoIcon span b{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoText{
    margin: 20px;
}
.fpkgs .formInfo .formInfoText.two{
    margin: 0;
}
.fpkgs .formInfo .formInfoText .topCost{}
.fpkgs .formInfo .formInfoText .topCost span,.fpkgs .formInfo .formInfoText .bottomCost span{}
.fpkgs .formInfo .formInfoText .topCost strong,.fpkgs .formInfo .formInfoText .bottomCost strong{}
.fpkgs .formInfo .formInfoText .bottomCost{}

#sec_new{
    padding: 20px;
    margin: 0 auto 50px auto;
}
#sec_new h2{}
#sec_new .cover{
    display: flex;
    flex-direction: column-reverse;
}
#sec_new .cover .content{
    width: 100%;
    margin-top: 20px;
}
#sec_new .cover .content p{
    width: 100%;
}
#sec_new .cover .img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sec_new .cover .img img{
    width: 70%;
}
    #sec_1{
    padding: 70px 10px;
}
#sec_1>.container{}
#sec_1>.container>.form{/* display: flex; *//* flex-direction: column-reverse; */}
#sec_1>.container>.form>.main{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
}
#sec_1>.container>.form>.main>.content{
    width: 80%;
    margin-bottom: 30px;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>h3{
    text-align: right;
    margin: auto;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>span{
    text-align: right;
    display: inherit;
}
#sec_1>.container>.form>.main>.content>p{
    max-width: 84%;
    text-align: right;
    margin: auto;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>ul{}
#sec_1>.container>.form>.main>.content>ul>li{}
#sec_1>.container>.form>.main>.content>ul>li>i{}
#sec_1>.container>.form>.main>.content>ul>li>i.icon{}
#sec_1>.container>.form>.main>.content>ul>li>i.tick{}
#sec_1>.container>.form>.main>.content>ul>li>i.info{}
#sec_1>.container>.form>.main>.content>ul>li>span{}
#sec_1>.container>.form>.main>.content>ul>li>span.info{}
#next_button{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 60px;
    margin-top: 20px;
}
#next_button.enable{}
#next_button>i{}
#next_button>span{}
#next_button.active{}
#next_button.unactive{}
#sec_1>.container>.form>.main>.formItems{
    width: 100%;
}
#sec_1>.container>.form>.main>.formItems>.formItem{}
.formItem.hidden{}
#selectItems{}
#selectItems>ul.items{}
#selectItems>ul.items>li.item{padding: 10px 0px;}
#selectItems>ul.items>li.item>.main{
    font: 20px IRANSans;
    padding: 15px;
}
#selectItems>ul.items>li.item>.main>.circle{}
/*
#selectItems>ul.items>li.item>.main>.circle.unactive{}
#selectItems>ul.items>li.item>.main>.circle.active{}
*/
#selectItems>ul.items>li.item>.main>span{
    font-size: 14px;
    font-weight: 400;
}
#selectItems>ul.items>li.item>.main>span>b{
    font-size: 15px;
}
#selectItems>ul.items>li.item>.main>i{}
#selectItems>ul.items>li.item>.main>.promotion{}
#selectItems>ul.items>li.item>.main>.promotion>span{
    font-size: 14px;
    font-weight: 600;
}
#selectItems>ul.items>li.item>.main>.promotion>span>b{
    font-size: 20px;
}
#selectItems>ul.items>li.item>.main>.promotion>span.first{}
#selectItems>ul.items>li.item>.main>.promotion>span.second{}
#selectItems>ul.items>li.item>.main>.Vertical.line{}
#selectItems>ul.items>li.item>.main>.cost{
    font-size: 14px;
}


#selectItems>ul.items>li.item>.selectItem.active{}
#selectItems>ul.items>li.item>.selectItem.active>.circle{}
#selectItems>ul.items>li.item>.selectItem.active>span{}
#selectItems>ul.items>li.item>.selectItem.active>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>i{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.first{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.second{}
#selectItems>ul.items>li.item>.selectItem.active>.Vertical.line{}
#selectItems>ul.items>li.item>.selectItem.active>.cost{}

#formInputs{}
#formInputs>.icon{}
#formInputs>.icon>img{}
#formInputs>table{}
#formInputs>form{}
#formInputs>form>table{}
#formInputs>form>table tr{}
#formInputs>form>table tr>td.fullWidth{}
#formInputs>form>table tr>td.fullWidth input{}
#formInputs>form>table tr>td.fullWidth select{}
#formInputs>form>table tr>td{}
#formInputs>form>table tr>td>input::placeholder{}
#formInputs>form>table tr>td>input{}
#formInputs>form>table tr>td>input[type="text"]{}
#formInputs>form>table tr>td>input[type="tel"]{}
#formInputs>form>table tr>td>input[type="url"]{}
#formInputs>form>table tr>td>input[type="text"]#keysName{}
#formInputs>form>table tr>td select{}
#formInputs>form>table tr>td .selectStyle{}
#formInputs>form>table tr>td .selectStyle::before{}
#formInputs>form>table tr>td>#costs{}
#formInputs>form>table tr>td select>option{}

#registeredItems{
}
#registeredItems div{
}
    .back_button{
    position: absolute;
    margin: auto 39px;
    bottom: 0;
    top: 0;
    opacity: 0;
}
#registeredItems img{}
#registeredItems span{}
#registeredItems p{}
    
#sec_1>.container>.form>.states{
}
#sec_1>.container>.form>.states>.state{}
#sec_1>.container>.form>.states>.state div{}
#sec_1>.container>.form>.states>.state .uncheck{}
#sec_1>.container>.form>.states>.state .checked{}
#sec_1>.container>.form>.states>.state .checked::before{}
#sec_1>.container>.form>.states>.state .circle.checked{}
#sec_1>.container>.form>.states>.state.selection{}
#sec_1>.container>.form>.states>.state.inquiry{}
#sec_1>.container>.form>.states>.state.register{}
#sec_1>.container>.form>.states>.state .circle{
    position: absolute;
    transform: translateX(-50px);
    background: white;
}
#sec_1>.container>.form>.states>.state .line{}
#sec_1>.container>.form>.states>.state .circle::before{
    right: -22px;
}
#sec_1>.container>.form>.states>.state.selection .circle::before{}
#sec_1>.container>.form>.states>.state.inquiry .circle::before{}
#sec_1>.container>.form>.states>.state.register .circle::before{}

}

@media only screen and (min-width: 760px) and (max-width: 991px) {
    body{}
.wrapper{}
.wrapper>header{}
.wrapper>header>.circle-background{
    display: none;
}
.wrapper>header>.container{}
.wrapper>header nav{}
.wrapper>header nav>ul.items{
    /* display: none; */
}
.wrapper>header nav>ul.items>li.item{}
.wrapper>header nav>ul.items>li.item>a{}
.wrapper>header nav>ul.items>li.item>a:hover{}
.wrapper>header nav>.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    padding: 0 20px;
}
.wrapper>header nav>.logo img{
    display: inherit !important;
}
.wrapper>header .header{
    /* flex-direction: column-reverse; */
    justify-content: center;
}
.wrapper>header .header>.content{
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wrapper>header .header>.content h1{}
.wrapper>header .header>.content h1 span{}

.wrapper>header .header>.content h1 span::before{}
.wrapper>header .header>.content p{
    line-height: 2;
    margin: 20px;
}
.wrapper>header .header>.content .infoo{}
.wrapper>header .header>.content .infoo img{}
.wrapper>header .header>.content .infoo span{}
.wrapper>header .header>.content a{}

#buyButton::before{}
#buyButton:hover::before{}
.wrapper>header .header>.content a:hover{}
.wrapper>header .header>.img{
    margin-bottom: 0;
    width: 50%;
}
.wrapper>header .header>.img div{
    text-align: center;
}

.wrapper>header .header>.img canvas{
    max-width: 100%;
}

.wrapper>main{}

#sec_1{
    padding: 70px 10px;
}
#sec_1>.container{}
#sec_1>.container>.form{/* display: flex; *//* flex-direction: column-reverse; */}
#sec_1>.container>.form>.main{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
}
#sec_1>.container>.form>.main>.content{
    width: 80%;
    margin-bottom: 30px;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>h3{
    text-align: right;
    margin: auto;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>span{
    text-align: right;
    display: inherit;
}
#sec_1>.container>.form>.main>.content>p{
    max-width: 84%;
    text-align: right;
    margin: auto;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>ul{}
#sec_1>.container>.form>.main>.content>ul>li{}
#sec_1>.container>.form>.main>.content>ul>li>i{}
#sec_1>.container>.form>.main>.content>ul>li>i.icon{}
#sec_1>.container>.form>.main>.content>ul>li>i.tick{}
#sec_1>.container>.form>.main>.content>ul>li>i.info{}
#sec_1>.container>.form>.main>.content>ul>li>span{}
#sec_1>.container>.form>.main>.content>ul>li>span.info{}
#next_button{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 60px;
    margin-top: 20px;
}
#next_button.enable{}
#next_button>i{}
#next_button>span{}
#next_button.active{}
#next_button.unactive{}
#sec_1>.container>.form>.main>.formItems{
    width: 100%;
}
#sec_1>.container>.form>.main>.formItems>.formItem{}
.formItem.hidden{}
#selectItems{}
#selectItems>ul.items{}
#selectItems>ul.items>li.item{padding: 10px 0px;}
#selectItems>ul.items>li.item>.main{
    font: 20px IRANSans;
    padding: 15px;
}
#selectItems>ul.items>li.item>.main>.circle{}
/*
#selectItems>ul.items>li.item>.main>.circle.unactive{}
#selectItems>ul.items>li.item>.main>.circle.active{}
*/
#selectItems>ul.items>li.item>.main>span{
    font-size: 14px;
    font-weight: 400;
}
#selectItems>ul.items>li.item>.main>span>b{
    font-size: 15px;
}
#selectItems>ul.items>li.item>.main>i{}
#selectItems>ul.items>li.item>.main>.promotion{}
#selectItems>ul.items>li.item>.main>.promotion>span{
    font-size: 14px;
    font-weight: 600;
}
#selectItems>ul.items>li.item>.main>.promotion>span>b{
    font-size: 20px;
}
#selectItems>ul.items>li.item>.main>.promotion>span.first{}
#selectItems>ul.items>li.item>.main>.promotion>span.second{}
#selectItems>ul.items>li.item>.main>.Vertical.line{}
#selectItems>ul.items>li.item>.main>.cost{
    font-size: 14px;
}


#selectItems>ul.items>li.item>.selectItem.active{}
#selectItems>ul.items>li.item>.selectItem.active>.circle{}
#selectItems>ul.items>li.item>.selectItem.active>span{}
#selectItems>ul.items>li.item>.selectItem.active>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>i{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.first{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.second{}
#selectItems>ul.items>li.item>.selectItem.active>.Vertical.line{}
#selectItems>ul.items>li.item>.selectItem.active>.cost{}

#formInputs{}
#formInputs>.icon{}
#formInputs>.icon>img{}
#formInputs>table{}
#formInputs>form{}
#formInputs>form>table{}
#formInputs>form>table tr{}
#formInputs>form>table tr>td.fullWidth{}
#formInputs>form>table tr>td.fullWidth input{}
#formInputs>form>table tr>td.fullWidth select{}
#formInputs>form>table tr>td{}
#formInputs>form>table tr>td>input::placeholder{}
#formInputs>form>table tr>td>input{}
#formInputs>form>table tr>td>input[type="text"]{}
#formInputs>form>table tr>td>input[type="tel"]{}
#formInputs>form>table tr>td>input[type="url"]{}
#formInputs>form>table tr>td>input[type="text"]#keysName{}
#formInputs>form>table tr>td select{}
#formInputs>form>table tr>td .selectStyle{}
#formInputs>form>table tr>td .selectStyle::before{}
#formInputs>form>table tr>td>#costs{}
#formInputs>form>table tr>td select>option{}

#registeredItems{
}
#registeredItems div{
}
    .back_button{
    position: absolute;
    margin: auto 39px;
    bottom: 0;
    top: 0;
    opacity: 0;
}
#registeredItems img{}
#registeredItems span{}
#registeredItems p{}
    
#sec_1>.container>.form>.states{
}
#sec_1>.container>.form>.states>.state{}
#sec_1>.container>.form>.states>.state div{}
#sec_1>.container>.form>.states>.state .uncheck{}
#sec_1>.container>.form>.states>.state .checked{}
#sec_1>.container>.form>.states>.state .checked::before{}
#sec_1>.container>.form>.states>.state .circle.checked{}
#sec_1>.container>.form>.states>.state.selection{}
#sec_1>.container>.form>.states>.state.inquiry{}
#sec_1>.container>.form>.states>.state.register{}
#sec_1>.container>.form>.states>.state .circle{
    position: absolute;
    transform: translateX(-50px);
    background: white;
}
#sec_1>.container>.form>.states>.state .line{}
#sec_1>.container>.form>.states>.state .circle::before{
    right: -22px;
}
#sec_1>.container>.form>.states>.state.selection .circle::before{}
#sec_1>.container>.form>.states>.state.inquiry .circle::before{}
#sec_1>.container>.form>.states>.state.register .circle::before{}

#sec_2{}
#sec_2>.main{
    width: 100%;
    border-radius: 0;
    padding: 40px 0;
}
#sec_2>.main>.container{
    padding: 0 20px;
}
#sec_2>.main>.container>.methods{}
#sec_2>.main>.container>.methods>h2{}
#sec_2>.main>.container>.methods>ul.items{
    display: flex;
    /*flex-direction: column;*/
}
#sec_2>.main>.container>.methods>ul.items.desktop{}
#sec_2>.main>.container>.methods>ul.items>.item{
    margin-bottom: 20px;
    padding: 0 40px;
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon>img{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>h3{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>p{}
#sec_2>.main>.container>.dotslines{
    display: none;
}
#sec_2>.main>.container>.dotslines>.up{}
#sec_2>.main>.container>.dotslines>.up div{}
#sec_2>.main>.container>.dotslines>.up div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(2){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(3){}
#sec_2>.main>.container>.dotslines>.down{}
#sec_2>.main>.container>.dotslines>.down div{}
#sec_2>.main>.container>.dotslines>.down div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.down div:nth-child(2){}
#sec_2>.main>.container>.Results{}
#sec_2>.main>.container>.Results>h2{
    font-size: 16px;
    line-height: 2;
}
#sec_2>.main>.container>.Results>ul{
    padding: 10px;
}
#sec_2>.main>.container>.Results>ul>li{
    margin-bottom: 25px;
}
#sec_2>.main>.container>.Results>ul>li>.overflow{
    text-align: center;
}
#sec_2>.main>.container>.Results>ul>li>.overflow>img{}
#sec_2>.main>.container>.Results>ul>li>.overflow>span{}

#sec_3{
    padding: 50px 0;
}
#sec_3>.container{}
#sec_3>.container>h2{}
#sec_3>.container>.items{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
#sec_3>.container>.items .panel-group{
    margin-bottom: 0;
    padding: 0 10px;
}
#sec_3>.container>.items .panel-group .panel-default{
    border-radius: 15px;
}
#sec_3>.container>.items .panel-group .panel-default>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title{
    line-height: 2;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div span{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div img{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body p{}

.wrapper>footer{}
.wrapper>footer>.container{
    display: flex;
    flex-direction: column;
}
.wrapper>footer>.container>.logo{}
.wrapper>footer>.container>.logo>img{width:100px;}
.wrapper>footer>.container>nav{
    margin: 30px 0;
}
.wrapper>footer>.container>nav>ul{}
.wrapper>footer>.container>nav>ul>li{}
.wrapper>footer>.container>nav>ul>li>a{}
.wrapper>footer>.container>nav>ul>li>a:hover{}
.wrapper>footer>.container>#footer_tel{}
.wrapper>footer>.container>#footer_tel:hover{}
.wrapper>footer>.container>.contact{width: 70%;}
.wrapper>footer>.container>.contact>.social{justify-content: space-evenly;}

/* new edit */
.fpkgs{
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.fpkgs .slctform{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.fpkgs .slctform .circles{}
.fpkgs .slctform .circles .active{}
.fpkgs .slctform .circles .active .dots{}
.fpkgs .slctform .circles .active .dots .dot{}
.fpkgs .slctform .circles>div{}
.fpkgs .slctform .circles>div .dots{}
.fpkgs .slctform .circles>div .dots .dot{}
.fpkgs .slctform .circles .csections1{}
.fpkgs .slctform .circles .csections1 .dots{}
.fpkgs .slctform .circles .csections1 .dots .dot{}
.fpkgs .slctform .circles .csections2{}
.fpkgs .slctform .circles .csections2 .dots{}
.fpkgs .slctform .circles .csections2 .dots .dot{}
.fpkgs .slctform .circles .csections3{}
.fpkgs .slctform .circles .csections3 .dots{}
.fpkgs .slctform .circles .csections3 .dots .dot{}
.fpkgs .slctform .circles .csections4{}
.fpkgs .slctform .circles .csections4 .dots{}
.fpkgs .slctform .circles .csections4 .dots .dot{}
.fpkgs .slctform .fpkgsitems{
    margin: 0;
}
.fpkgs .slctform .fpkgsitems .realitem{}
.fpkgs .slctform .fpkgsitems .realitem>div{}
.fpkgs .slctform .fpkgsitems .realitem>div span{}
.fpkgs .slctform .fpkgsitems .realitem>div span strong{}

.fpkgs .slctform .fpkgsitems .realitem .active{}
.fpkgs .slctform .fpkgsitems .realitem .active span{}
.fpkgs .slctform .fpkgsitems .neunaxelform{}
.fpkgs .slctform .fpkgsitems .neunaxelform form{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #website{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #phone{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button.disabled{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button:hover{}
.fpkgs .slctform .registeredItems{}
.fpkgs .slctform .registeredItems>div{}
.fpkgs .slctform .registeredItems>div img{}
.fpkgs .slctform .registeredItems>div span{}
.fpkgs .slctform .registeredItems>div p{}
.fpkgs .slctform .registeredItems .back_button{}
.fpkgs .slctform .registeredItems .back_button:hover{}
.fpkgs .formInfo{
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fpkgs .formInfo .formInfoIcon{
    margin: 0;
}
.fpkgs .formInfo .formInfoIcon img{}
.fpkgs .formInfo .formInfoIcon span{}
.fpkgs .formInfo .formInfoIcon span b{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoText{
    margin: 20px;
}
.fpkgs .formInfo .formInfoText.two{
    margin: 0;
}
.fpkgs .formInfo .formInfoText .topCost{}
.fpkgs .formInfo .formInfoText .topCost span,.fpkgs .formInfo .formInfoText .bottomCost span{}
.fpkgs .formInfo .formInfoText .topCost strong,.fpkgs .formInfo .formInfoText .bottomCost strong{}
.fpkgs .formInfo .formInfoText .bottomCost{}
#sec1_new #adsPrices>li{margin-top:20px}
    #sec1_new #contentForm>.overflow>.form>form .inputs input {
    
    margin: 0px 0px 2px 5px;
}
#sec1_new #contentForm{}
#sec_new{
    padding: 20px;
    margin: 0 auto 50px auto;
}
#sec_new h2{}
#sec_new .cover{
    display: flex;
    flex-direction: column-reverse;
}
#sec_new .cover .content{
    width: 100%;
    margin-top: 20px;
}
#sec_new .cover .content p{
    width: 100%;
}
#sec_new .cover .img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sec_new .cover .img img{
    width: 70%;
}

footer.site-footer .center{
    margin: 34px 0;
}
footer.site-footer .center nav{}
footer.site-footer .center nav ul{}
footer.site-footer .center nav ul li{}
footer.site-footer .center nav ul li a{}
footer.site-footer .center nav ul li a:hover{}
footer.site-footer .center nav .contact{}
footer.site-footer .center nav .contact .address{}
footer.site-footer .center nav .contact .address a{}
footer.site-footer .center nav .contact .address a span{}
footer.site-footer .center nav .contact .social{}
footer.site-footer .center nav .contact .social a{}
footer.site-footer .center nav .contact .social a span{}
footer.site-footer .enamad{}
footer.site-footer .enamad .enamads{}
footer.site-footer .enamad .enamads a{}
footer.site-footer .enamad .enamads img{}
.whatsapp-call{}
.whatsapp-call a{}
.whatsapp-call img{}
}

@media only screen and (min-width: 320px) and (max-width: 760px) {
/*    start code here   */
    
body{}
.wrapper{}
.wrapper>header{}
.wrapper>header>.circle-background{
    display: none;
}
.wrapper>header>.container{}
.wrapper>header nav{}
.wrapper>header nav>ul.items{
    display: none;
}
.wrapper>header nav>ul.items>li.item{}
.wrapper>header nav>ul.items>li.item>a{}
.wrapper>header nav>ul.items>li.item>a:hover{}
.wrapper>header nav>.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 20px;
}
.wrapper>header nav>.logo img{
    display: inherit !important;
}
.wrapper>header .header{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.wrapper>header .header>.content{
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wrapper>header .header>.content h1{}
.wrapper>header .header>.content h1 span{}

.wrapper>header .header>.content h1 span::before{}
.wrapper>header .header>.content p{
    line-height: 2;
    margin: 20px;
}
.wrapper>header .header>.content .infoo{}
.wrapper>header .header>.content .infoo img{}
.wrapper>header .header>.content .infoo span{}
.wrapper>header .header>.content a{}

#buyButton::before{}
#buyButton:hover::before{}
.wrapper>header .header>.content a:hover{}
.wrapper>header .header>.img{
    margin-bottom: 0;
    width: 100%;
}
.wrapper>header .header>.img div{
    text-align: center;
}

.wrapper>header .header>.img canvas{
    max-width: 100%;
}

.wrapper>main{}

#sec_1{
    padding: 70px 10px;
}
#sec_1>.container{}
#sec_1>.container>.form{/* display: flex; *//* flex-direction: column-reverse; */}
#sec_1>.container>.form>.main{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
}
#sec_1>.container>.form>.main>.content{
    width: 100%;
    margin-bottom: 30px;
}
#sec_1>.container>.form>.main>.content>h3{
    text-align: center;
}
#sec_1>.container>.form>.main>.content>span{
    text-align: center;
    display: inherit;
}
#sec_1>.container>.form>.main>.content>p{
    max-width: 100%;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>ul{}
#sec_1>.container>.form>.main>.content>ul>li{}
#sec_1>.container>.form>.main>.content>ul>li>i{}
#sec_1>.container>.form>.main>.content>ul>li>i.icon{}
#sec_1>.container>.form>.main>.content>ul>li>i.tick{}
#sec_1>.container>.form>.main>.content>ul>li>i.info{}
#sec_1>.container>.form>.main>.content>ul>li>span{}
#sec_1>.container>.form>.main>.content>ul>li>span.info{}
#next_button{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 60px;
    margin-top: 20px;
}
#next_button.enable{}
#next_button>i{}
#next_button>span{}
#next_button.active{}
#next_button.unactive{}
#sec_1>.container>.form>.main>.formItems{
    width: 100%;
}
#sec_1>.container>.form>.main>.formItems>.formItem{}
.formItem.hidden{}
#selectItems{}
#selectItems>ul.items{}
#selectItems>ul.items>li.item{padding: 10px 0px;}
#selectItems>ul.items>li.item>.main{
    font: 20px IRANSans;
    padding: 15px;
}
#selectItems>ul.items>li.item>.main>.circle{}
/*
#selectItems>ul.items>li.item>.main>.circle.unactive{}
#selectItems>ul.items>li.item>.main>.circle.active{}
*/
#selectItems>ul.items>li.item>.main>span{
    font-size: 14px;
    font-weight: 400;
}
#selectItems>ul.items>li.item>.main>span>b{
    font-size: 15px;
}
#selectItems>ul.items>li.item>.main>i{}
#selectItems>ul.items>li.item>.main>.promotion{}
#selectItems>ul.items>li.item>.main>.promotion>span{
    font-size: 14px;
    font-weight: 600;
}
#selectItems>ul.items>li.item>.main>.promotion>span>b{
    font-size: 20px;
}
#selectItems>ul.items>li.item>.main>.promotion>span.first{}
#selectItems>ul.items>li.item>.main>.promotion>span.second{}
#selectItems>ul.items>li.item>.main>.Vertical.line{}
#selectItems>ul.items>li.item>.main>.cost{
    font-size: 14px;
}


#selectItems>ul.items>li.item>.selectItem.active{}
#selectItems>ul.items>li.item>.selectItem.active>.circle{}
#selectItems>ul.items>li.item>.selectItem.active>span{}
#selectItems>ul.items>li.item>.selectItem.active>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>i{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.first{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.second{}
#selectItems>ul.items>li.item>.selectItem.active>.Vertical.line{}
#selectItems>ul.items>li.item>.selectItem.active>.cost{}

#formInputs{}
#formInputs>.icon{}
#formInputs>.icon>img{}
#formInputs>table{}
#formInputs>form{}
#formInputs>form>table{}
#formInputs>form>table tr{}
#formInputs>form>table tr>td.fullWidth{}
#formInputs>form>table tr>td.fullWidth input{}
#formInputs>form>table tr>td.fullWidth select{}
#formInputs>form>table tr>td{}
#formInputs>form>table tr>td>input::placeholder{}
#formInputs>form>table tr>td>input{}
#formInputs>form>table tr>td>input[type="text"]{}
#formInputs>form>table tr>td>input[type="tel"]{}
#formInputs>form>table tr>td>input[type="url"]{}
#formInputs>form>table tr>td>input[type="text"]#keysName{}
#formInputs>form>table tr>td select{}
#formInputs>form>table tr>td .selectStyle{}
#formInputs>form>table tr>td .selectStyle::before{}
#formInputs>form>table tr>td>#costs{}
#formInputs>form>table tr>td select>option{}

#registeredItems{}
#registeredItems img{}
#registeredItems span{}
#registeredItems p{}
    
#sec_1>.container>.form>.states{
}
#sec_1>.container>.form>.states>.state{}
#sec_1>.container>.form>.states>.state div{}
#sec_1>.container>.form>.states>.state .uncheck{}
#sec_1>.container>.form>.states>.state .checked{}
#sec_1>.container>.form>.states>.state .checked::before{}
#sec_1>.container>.form>.states>.state .circle.checked{}
#sec_1>.container>.form>.states>.state.selection{}
#sec_1>.container>.form>.states>.state.inquiry{}
#sec_1>.container>.form>.states>.state.register{}
#sec_1>.container>.form>.states>.state .circle{
    position: absolute;
    transform: translateX(-50px);
    background: white;
}
#sec_1>.container>.form>.states>.state .line{}
#sec_1>.container>.form>.states>.state .circle::before{
    right: -22px;
}
#sec_1>.container>.form>.states>.state.selection .circle::before{}
#sec_1>.container>.form>.states>.state.inquiry .circle::before{}
#sec_1>.container>.form>.states>.state.register .circle::before{}

#sec_2{}
#sec_2>.main{
    width: 100%;
    border-radius: 0;
    padding: 40px 0;
}
#sec_2>.main>.container{
    padding: 0 20px;
}
#sec_2>.main>.container>.methods{}
#sec_2>.main>.container>.methods>h2{}
#sec_2>.main>.container>.methods>ul.items{
    display: flex;
    flex-direction: column;
}
#sec_2>.main>.container>.methods>ul.items.desktop{}
#sec_2>.main>.container>.methods>ul.items>.item{
    margin-bottom: 20px;
    padding: 0 40px;
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon>img{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>h3{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>p{}
#sec_2>.main>.container>.dotslines{
    display: none;
}
#sec_2>.main>.container>.dotslines>.up{}
#sec_2>.main>.container>.dotslines>.up div{}
#sec_2>.main>.container>.dotslines>.up div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(2){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(3){}
#sec_2>.main>.container>.dotslines>.down{}
#sec_2>.main>.container>.dotslines>.down div{}
#sec_2>.main>.container>.dotslines>.down div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.down div:nth-child(2){}
#sec_2>.main>.container>.Results{}
#sec_2>.main>.container>.Results>h2{
    font-size: 16px;
    line-height: 2;
}
#sec_2>.main>.container>.Results>ul{
    padding: 10px;
}
#sec_2>.main>.container>.Results>ul>li{
    margin-bottom: 25px;
}
#sec_2>.main>.container>.Results>ul>li>.overflow{
    text-align: center;
}
#sec_2>.main>.container>.Results>ul>li>.overflow>img{}
#sec_2>.main>.container>.Results>ul>li>.overflow>span{}

#sec_3{
    padding: 50px 0;
}
#sec_3>.container{}
#sec_3>.container>h2{}
#sec_3>.container>.items{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
#sec_3>.container>.items .panel-group{
    margin-bottom: 0;
    padding: 0 10px;
}
#sec_3>.container>.items .panel-group .panel-default{
    border-radius: 15px;
}
#sec_3>.container>.items .panel-group .panel-default>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title{
    line-height: 2;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div span{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div img{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body p{}

.wrapper>footer{}
.wrapper>footer>.container{
    display: flex;
    flex-direction: column;
}
.wrapper>footer>.container>.logo{}
.wrapper>footer>.container>.logo>img{width:100px;}
.wrapper>footer>.container>nav{
    margin: 30px 0;
}
.wrapper>footer>.container>nav>ul{}
.wrapper>footer>.container>nav>ul>li{}
.wrapper>footer>.container>nav>ul>li>a{}
.wrapper>footer>.container>nav>ul>li>a:hover{}
.wrapper>footer>.container>#footer_tel{}
.wrapper>footer>.container>#footer_tel:hover{}
.wrapper>footer>.container>.contact{width:90%;text-align:center;}
.wrapper>footer>.container>.contact>.social{justify-content: space-evenly;}
/* new edit */
.fpkgs{
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
}
.fpkgs .slctform{
    width: 100%;
    display: flex;
    margin-top: 20px;
}
.fpkgs .slctform .circles{
    display: none;
}
.fpkgs .slctform .circles .active{}
.fpkgs .slctform .circles .active .dots{}
.fpkgs .slctform .circles .active .dots .dot{}
.fpkgs .slctform .circles>div{}
.fpkgs .slctform .circles>div .dots{}
.fpkgs .slctform .circles>div .dots .dot{}
.fpkgs .slctform .circles .csections1{}
.fpkgs .slctform .circles .csections1 .dots{}
.fpkgs .slctform .circles .csections1 .dots .dot{}
.fpkgs .slctform .circles .csections2{}
.fpkgs .slctform .circles .csections2 .dots{}
.fpkgs .slctform .circles .csections2 .dots .dot{}
.fpkgs .slctform .circles .csections3{}
.fpkgs .slctform .circles .csections3 .dots{}
.fpkgs .slctform .circles .csections3 .dots .dot{}
.fpkgs .slctform .circles .csections4{}
.fpkgs .slctform .circles .csections4 .dots{}
.fpkgs .slctform .circles .csections4 .dots .dot{}
.fpkgs .slctform .fpkgsitems{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fpkgs .slctform .fpkgsitems .realitem{display: flex;justify-content: flex-end;width: 330px;}
.fpkgs .slctform .fpkgsitems .realitem>div{width: 150px;height: 150px;}
.fpkgs .slctform .fpkgsitems .realitem>div span{}
.fpkgs .slctform .fpkgsitems .realitem>div span strong{}

.fpkgs .slctform .fpkgsitems .realitem .active{
}
.fpkgs .slctform .fpkgsitems .realitem .active span{}
.fpkgs .slctform .fpkgsitems .neunaxelform{
    width: 100%;
}
.fpkgs .slctform .fpkgsitems .neunaxelform form{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #website{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #phone{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button.disabled{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button:hover{}
.fpkgs .slctform .registeredItems{}
.fpkgs .slctform .registeredItems>div{}
.fpkgs .slctform .registeredItems>div img{}
.fpkgs .slctform .registeredItems>div span{}
.fpkgs .slctform .registeredItems>div p{}
.fpkgs .slctform .registeredItems .back_button{}
.fpkgs .slctform .registeredItems .back_button:hover{}
.fpkgs .formInfo{
    margin-right: 0;
    margin-top: 30px;
}
.fpkgs .formInfo .formInfoIcon{}
.fpkgs .formInfo .formInfoIcon img{}
.fpkgs .formInfo .formInfoIcon span{}
.fpkgs .formInfo .formInfoIcon span b{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoText{
    opacity: 1;
}
    .fpkgs .formInfo .formInfoText.two{
        opacity: 1;
    }
.fpkgs .formInfo .formInfoText .topCost{}
.fpkgs .formInfo .formInfoText .topCost span,.fpkgs .formInfo .formInfoText .bottomCost span{}
.fpkgs .formInfo .formInfoText .topCost strong,.fpkgs .formInfo .formInfoText .bottomCost strong{}
.fpkgs .formInfo .formInfoText .bottomCost{}
#sec1_new #adsPrices{flex-direction: column-reverse;}
#sec1_new #contentForm>.overflow>.form{flex-direction: column-reverse;}
#sec1_new #contentForm>.overflow>.form>form{width: 100%;}
#sec1_new #contentForm>.overflow>.form>form .inputs{
    margin-top: 10px;
}
#sec1_new #contentForm>.overflow>.form>form .inputs input{
    width: 100%;
    margin: 5px 0;
}
#sec1_new #contentForm>.overflow>.form>form .inputs button{
    width: 100%;
    margin-top: 10px;
}
#sec1_new #contentForm>.overflow>.form>form .inputs button span{
    
}
#sec1_new #contentForm>.overflow>.form>.info{
    width: 100%;
}
#sec1_new #contentForm>.overflow>.form>.info>.top{}
#sec1_new #contentForm>.overflow>.form>.info>.top>span{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p strong{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom{margin-top: 17px;}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>span{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p strong{
    
}


#newRegisteredItems {
}
#sec1_new .contentForm.success #newRegisteredItems{}
#newRegisteredItems div{
}
.back_button{
}
#newRegisteredItems img{
}
#newRegisteredItems span{
}
#newRegisteredItems p{
}
#sec1_new #adsPrices>li{margin-top:20px}
#sec_new{
    margin: 10px auto;
    background: inherit;
    padding: 10px;
}
#sec_new h2{}
#sec_new .cover{
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
    justify-content: center;
}
#sec_new .cover .content{
    width: 100%;
}
#sec_new .cover .content p{
    width: 100%;
    margin: 20px 0;
}
#sec_new .cover .img{
    width: 100%;
}
#sec_new .cover .img img{
    width: 100%;
}

footer.site-footer .center{
    margin: 30px 0;
}
footer.site-footer .center nav{}
footer.site-footer .center nav ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer.site-footer .center nav ul li{
    margin: 10px;
}
footer.site-footer .center nav ul li a{}
footer.site-footer .center nav ul li a:hover{}
footer.site-footer .center nav .contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer.site-footer .center nav .contact .address{
    text-align: center;
    margin: 10px 0 20px 0;
}
footer.site-footer .center nav .contact .address a{}
footer.site-footer .center nav .contact .address a span{}
footer.site-footer .center nav .contact .social{
}
footer.site-footer .center nav .contact .social a{}
footer.site-footer .center nav .contact .social a span{}
footer.site-footer .enamad{}
footer.site-footer .enamad .enamads{}
footer.site-footer .enamad .enamads a{}
footer.site-footer .enamad .enamads img{}
.whatsapp-call{}
.whatsapp-call a{}
.whatsapp-call img{}
}

@media only screen and (max-width: 555px){
    /*  body{overflow-x: hidden;}  */
    /*  start code here   */
    body{}
.wrapper{}
.wrapper>header{}
.wrapper>header>.circle-background{
    display: none;
}
.wrapper>header>.container{}
.wrapper>header nav{}
.wrapper>header nav>ul.items{
    display: none;
}
.wrapper>header nav>ul.items>li.item{}
.wrapper>header nav>ul.items>li.item>a{}
.wrapper>header nav>ul.items>li.item>a:hover{}
.wrapper>header nav>.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 20px;
}
.wrapper>header nav>.logo img{
    display: inherit !important;
}
.wrapper>header .header{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.wrapper>header .header>.content{
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wrapper>header .header>.content h1{}
.wrapper>header .header>.content h1 span{}

.wrapper>header .header>.content h1 span::before{}
.wrapper>header .header>.content p{
    line-height: 2;
    margin: 20px;
}
.wrapper>header .header>.content .infoo{}
.wrapper>header .header>.content .infoo img{}
.wrapper>header .header>.content .infoo span{}
.wrapper>header .header>.content a{}

#buyButton::before{}
#buyButton:hover::before{}
.wrapper>header .header>.content a:hover{}
.wrapper>header .header>.img{
    margin-bottom: 0;
    width: 100%;
}
.wrapper>header .header>.img div{
    text-align: center;
}

.wrapper>header .header>.img canvas{
    max-width: 100%;
}

.wrapper>main{}

#sec_1{
    padding: 70px 10px 57px 10px;
}
#sec_1>.container{}
#sec_1>.container>.form{/* display: flex; *//* flex-direction: column-reverse; */}
#sec_1>.container>.form>.main{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
}
#sec_1>.container>.form>.main>.content{
    width: 100%;
    margin-bottom: 30px;
}
#sec_1>.container>.form>.main>.content>h3{
    text-align: center;
    margin: 15px auto;
}
#sec_1>.container>.form>.main>.content>span{
    text-align: center;
    display: inherit;
}
#sec_1>.container>.form>.main>.content>p{
    max-width: 100%;
    text-align: center;
}
#sec_1>.container>.form>.main>.content>ul{}
#sec_1>.container>.form>.main>.content>ul>li{}
#sec_1>.container>.form>.main>.content>ul>li>i{}
#sec_1>.container>.form>.main>.content>ul>li>i.icon{}
#sec_1>.container>.form>.main>.content>ul>li>i.tick{}
#sec_1>.container>.form>.main>.content>ul>li>i.info{}
#sec_1>.container>.form>.main>.content>ul>li>span{}
#sec_1>.container>.form>.main>.content>ul>li>span.info{}
#next_button{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 60px;
    margin-top: 20px;
}
#next_button.enable{}
#next_button>i{}
#next_button>span{}
#next_button.active{}
#next_button.unactive{}
#sec_1>.container>.form>.main>.formItems{
    width: 100%;
}
#sec_1>.container>.form>.main>.formItems>.formItem{}
.formItem.hidden{}
#selectItems{}
#selectItems>ul.items{}
#selectItems>ul.items>li.item{padding: 10px 0px;}
#selectItems>ul.items>li.item>.main{
    font: 20px IRANSans;
    padding: 15px;
}
#selectItems>ul.items>li.item>.main>.circle{}
/*
#selectItems>ul.items>li.item>.main>.circle.unactive{}
#selectItems>ul.items>li.item>.main>.circle.active{}
*/
#selectItems>ul.items>li.item>.main>span{
    font-size: 14px;
    font-weight: 400;
}
#selectItems>ul.items>li.item>.main>span>b{
    font-size: 15px;
}
#selectItems>ul.items>li.item>.main>i{}
#selectItems>ul.items>li.item>.main>.promotion{}
#selectItems>ul.items>li.item>.main>.promotion>span{
    font-size: 14px;
    font-weight: 600;
}
#selectItems>ul.items>li.item>.main>.promotion>span>b{
    font-size: 20px;
}
#selectItems>ul.items>li.item>.main>.promotion>span.first{}
#selectItems>ul.items>li.item>.main>.promotion>span.second{}
#selectItems>ul.items>li.item>.main>.Vertical.line{}
#selectItems>ul.items>li.item>.main>.cost{
    font-size: 14px;
}


#selectItems>ul.items>li.item>.selectItem.active{}
#selectItems>ul.items>li.item>.selectItem.active>.circle{}
#selectItems>ul.items>li.item>.selectItem.active>span{}
#selectItems>ul.items>li.item>.selectItem.active>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>i{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span>b{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.first{}
#selectItems>ul.items>li.item>.selectItem.active>.promotion>span.second{}
#selectItems>ul.items>li.item>.selectItem.active>.Vertical.line{}
#selectItems>ul.items>li.item>.selectItem.active>.cost{}

#formInputs{}
#formInputs>.icon{}
#formInputs>.icon>img{}
#formInputs>table{}
#formInputs>form{}
#formInputs>form>table{}
#formInputs>form>table tr{}
#formInputs>form>table tr>td.fullWidth{}
#formInputs>form>table tr>td.fullWidth input{}
#formInputs>form>table tr>td.fullWidth select{}
#formInputs>form>table tr>td{}
#formInputs>form>table tr>td>input::placeholder{}
#formInputs>form>table tr>td>input{}
#formInputs>form>table tr>td>input[type="text"]{}
#formInputs>form>table tr>td>input[type="tel"]{}
#formInputs>form>table tr>td>input[type="url"]{}
#formInputs>form>table tr>td>input[type="text"]#keysName{}
#formInputs>form>table tr>td select{}
#formInputs>form>table tr>td .selectStyle{}
#formInputs>form>table tr>td .selectStyle::before{}
#formInputs>form>table tr>td>#costs{}
#formInputs>form>table tr>td select>option{}

#registeredItems{}
#registeredItems img{}
#registeredItems span{}
#registeredItems p{}
    
#sec_1>.container>.form>.states{
}
#sec_1>.container>.form>.states>.state{}
#sec_1>.container>.form>.states>.state div{}
#sec_1>.container>.form>.states>.state .uncheck{}
#sec_1>.container>.form>.states>.state .checked{}
#sec_1>.container>.form>.states>.state .checked::before{}
#sec_1>.container>.form>.states>.state .circle.checked{}
#sec_1>.container>.form>.states>.state.selection{}
#sec_1>.container>.form>.states>.state.inquiry{}
#sec_1>.container>.form>.states>.state.register{}
#sec_1>.container>.form>.states>.state .circle{
    position: absolute;
    transform: translateX(-50px);
    background: white;
}
#sec_1>.container>.form>.states>.state .line{}
#sec_1>.container>.form>.states>.state .circle::before{
    right: -22px;
}
#sec_1>.container>.form>.states>.state.selection .circle::before{}
#sec_1>.container>.form>.states>.state.inquiry .circle::before{}
#sec_1>.container>.form>.states>.state.register .circle::before{}

#sec_2{}
#sec_2>.main{
    width: 100%;
    border-radius: 0;
    padding: 40px 0;
}
#sec_2>.main>.container{
    padding: 0 20px;
}
#sec_2>.main>.container>.methods{}
#sec_2>.main>.container>.methods>h2{}
#sec_2>.main>.container>.methods>ul.items{
    display: flex;
    flex-direction: column;
}
#sec_2>.main>.container>.methods>ul.items.desktop{}
#sec_2>.main>.container>.methods>ul.items>.item{
    margin-bottom: 20px;
    padding: 0 40px;
}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow::before{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(1)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(2)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(3)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item:nth-child(4)>.overflow{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>.icon>img{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>h3{}
#sec_2>.main>.container>.methods>ul.items>.item>.overflow>p{}
#sec_2>.main>.container>.dotslines{
    display: none;
}
#sec_2>.main>.container>.dotslines>.up{}
#sec_2>.main>.container>.dotslines>.up div{}
#sec_2>.main>.container>.dotslines>.up div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(2){}
#sec_2>.main>.container>.dotslines>.up div:nth-child(3){}
#sec_2>.main>.container>.dotslines>.down{}
#sec_2>.main>.container>.dotslines>.down div{}
#sec_2>.main>.container>.dotslines>.down div:nth-child(1){}
#sec_2>.main>.container>.dotslines>.down div:nth-child(2){}
#sec_2>.main>.container>.Results{}
#sec_2>.main>.container>.Results>h2{
    font-size: 16px;
    line-height: 2;
}
#sec_2>.main>.container>.Results>ul{
    padding: 10px;
}
#sec_2>.main>.container>.Results>ul>li{
    margin-bottom: 25px;
}
#sec_2>.main>.container>.Results>ul>li>.overflow{
    text-align: center;
}
#sec_2>.main>.container>.Results>ul>li>.overflow>img{}
#sec_2>.main>.container>.Results>ul>li>.overflow>span{}

#sec_3{
    padding: 50px 0;
}
#sec_3>.container{}
#sec_3>.container>h2{}
#sec_3>.container>.items{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
#sec_3>.container>.items .panel-group{
    margin-bottom: 0;
    padding: 0 10px;
}
#sec_3>.container>.items .panel-group .panel-default{
    border-radius: 15px;
}
#sec_3>.container>.items .panel-group .panel-default>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title{
    line-height: 2;
}
#sec_3>.container>.items .panel-group .panel-default .panel-title a{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div span{}
#sec_3>.container>.items .panel-group .panel-default .panel-title a>div img{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body{}
#sec_3>.container>.items .panel-group .panel-default .panel-collapse .panel-body p{}

.wrapper>footer{}
.wrapper>footer>.container{
    display: flex;
    flex-direction: column;
}
.wrapper>footer>.container>.logo{}
.wrapper>footer>.container>.logo>img{width:100px;}
.wrapper>footer>.container>nav{
    margin: 30px 0;
}
.wrapper>footer>.container>nav>ul{}
.wrapper>footer>.container>nav>ul>li{}
.wrapper>footer>.container>nav>ul>li>a{}
.wrapper>footer>.container>nav>ul>li>a:hover{}
.wrapper>footer>.container>#footer_tel{}
.wrapper>footer>.container>#footer_tel:hover{}
.wrapper>footer>.container>.contact{width:90%;text-align:center;}
.wrapper>footer>.container>.contact>.social{justify-content: space-evenly;}
/* new edit */
.fpkgs{}
.fpkgs .slctform{}
.fpkgs .slctform .circles{}
.fpkgs .slctform .circles .active{}
.fpkgs .slctform .circles .active .dots{}
.fpkgs .slctform .circles .active .dots .dot{}
.fpkgs .slctform .circles>div{}
.fpkgs .slctform .circles>div .dots{}
.fpkgs .slctform .circles>div .dots .dot{}
.fpkgs .slctform .circles .csections1{}
.fpkgs .slctform .circles .csections1 .dots{}
.fpkgs .slctform .circles .csections1 .dots .dot{}
.fpkgs .slctform .circles .csections2{}
.fpkgs .slctform .circles .csections2 .dots{}
.fpkgs .slctform .circles .csections2 .dots .dot{}
.fpkgs .slctform .circles .csections3{}
.fpkgs .slctform .circles .csections3 .dots{}
.fpkgs .slctform .circles .csections3 .dots .dot{}
.fpkgs .slctform .circles .csections4{}
.fpkgs .slctform .circles .csections4 .dots{}
.fpkgs .slctform .circles .csections4 .dots .dot{}
.fpkgs .slctform .fpkgsitems{}
.fpkgs .slctform .fpkgsitems .realitem{}
.fpkgs .slctform .fpkgsitems .realitem>div{}
.fpkgs .slctform .fpkgsitems .realitem>div span{}
.fpkgs .slctform .fpkgsitems .realitem>div span strong{}

.fpkgs .slctform .fpkgsitems .realitem .active{}
.fpkgs .slctform .fpkgsitems .realitem .active span{}
.fpkgs .slctform .fpkgsitems .neunaxelform{}
.fpkgs .slctform .fpkgsitems .neunaxelform form{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #website{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #phone{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button.disabled{}
.fpkgs .slctform .fpkgsitems .neunaxelform form #new_next_button:hover{}
.fpkgs .slctform .registeredItems{}
.fpkgs .slctform .registeredItems>div{}
.fpkgs .slctform .registeredItems>div img{}
.fpkgs .slctform .registeredItems>div span{}
.fpkgs .slctform .registeredItems>div p{}
.fpkgs .slctform .registeredItems .back_button{}
.fpkgs .slctform .registeredItems .back_button:hover{}
.fpkgs .formInfo{}
.fpkgs .formInfo .formInfoIcon{}
.fpkgs .formInfo .formInfoIcon img{}
.fpkgs .formInfo .formInfoIcon span{}
.fpkgs .formInfo .formInfoIcon span b{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoIcon span strong{}
.fpkgs .formInfo .formInfoText{}
.fpkgs .formInfo .formInfoText .topCost{}
.fpkgs .formInfo .formInfoText .topCost span,.fpkgs .formInfo .formInfoText .bottomCost span{}
.fpkgs .formInfo .formInfoText .topCost strong,.fpkgs .formInfo .formInfoText .bottomCost strong{}
.fpkgs .formInfo .formInfoText .bottomCost{}
#sec1_new #adsPrices{flex-direction: column-reverse;}
#sec1_new #contentForm>.overflow>.form{flex-direction: column-reverse;}
#sec1_new #contentForm>.overflow>.form>form{width: 100%;}
#sec1_new #contentForm>.overflow>.form>form .inputs{
    margin-top: 10px;
}
#sec1_new #contentForm>.overflow>.form>form .inputs input{
    width: 100%;
    margin: 5px 0;
}
#sec1_new #contentForm>.overflow>.form>form .inputs button{
    width: 100%;
    margin-top: 10px;
}
#sec1_new #contentForm>.overflow>.form>form .inputs button span{
    
}
#sec1_new #contentForm>.overflow>.form>.info{
    width: 100%;
}
#sec1_new #contentForm>.overflow>.form>.info>.top{}
#sec1_new #contentForm>.overflow>.form>.info>.top>span{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.top>p strong{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom{margin-top: 17px;}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>span{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p{
    
}
#sec1_new #contentForm>.overflow>.form>.info>.bottom>p strong{
    
}


#newRegisteredItems {
}
#sec1_new .contentForm.success #newRegisteredItems{}
#newRegisteredItems div{
}
.back_button{
}
#newRegisteredItems img{
}
#newRegisteredItems span{
}
#newRegisteredItems p{
}
#sec1_new #adsPrices>li{margin-top:20px}
#sec_new{}
#sec_new h2{}
#sec_new .cover{}
#sec_new .cover .content{}
#sec_new .cover .content p{}
#sec_new .cover .img{}
#sec_new .cover .img img{}

footer.site-footer .center{}
footer.site-footer .center nav{}
footer.site-footer .center nav ul{}
footer.site-footer .center nav ul li{}
footer.site-footer .center nav ul li a{}
footer.site-footer .center nav ul li a:hover{}
footer.site-footer .center nav .contact{}
footer.site-footer .center nav .contact .address{}
footer.site-footer .center nav .contact .address a{}
footer.site-footer .center nav .contact .address a span{}
footer.site-footer .center nav .contact .social{}
footer.site-footer .center nav .contact .social a{}
footer.site-footer .center nav .contact .social a span{}
footer.site-footer .enamad{}
footer.site-footer .enamad .enamads{}
footer.site-footer .enamad .enamads a{}
footer.site-footer .enamad .enamads img{}
.whatsapp-call{}
.whatsapp-call a{}
.whatsapp-call img{}
}