File: /home/studiomoguls/webapps/Studio-mogulsc-clone/wp-content/uploads/arprice/css/arptemplate_101.css
.arptemplate_101 {
zoom: 1;
margin: 0 auto;
}
.arptemplate_101 .last-child{
margin-right:0px !important;
}
.arptemplate_101 #ArpPricingTableColumns .maincaptioncolumn {
float: left;
text-align: left;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper{
float:left;
padding:0 !important;
position:relative;
line-height:normal;
text-align:center;
transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
-ms-transition:all 0.2s linear 0s;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.no_transition{
background: none;
float: left;
text-align: center;
margin-bottom:40px;
border-right:1px solid transparent;
padding:0 !important;
line-height:normal;
transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper:not(.no_transition) .arpplan:before{
content: "";
height: 23px;
left: 0;
margin-top: 2px;
opacity: 0.4;
position: absolute;
top: 100%;
width: 100%;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper:not(.no_transition) .arpplan{
background:rgba(0,0,0,0);
float:left;
box-sizing:border-box !important;
margin-bottom: -20px;
position: relative;
text-align: center;
top: 20px;
transition: margin-top 0.2s linear 0s, top 0.2s linear 0s, box-shadow 0.2s linear 0s;
-webkit-transition: margin-top 0.2s linear 0s, top 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
-moz-transition: margin-top 0.2s linear 0s, top 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s;
-o-transition: margin-top 0.2s linear 0s, top 0.2s linear 0s, -o-box-shadow 0.2s linear 0s;
-ms-transition: margin-top 0.2s linear 0s, top 0.2s linear 0s, -ms-box-shadow 0.2s linear 0s;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper img{
background:none;
border:none;
display:inline;
padding:0;
vertical-align:inherit !important;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
.arptemplate_101 .arpcolumnheader {
width:100%;
float:left;
}
.arptemplate_101 .arppricingtablebodycontent {
width:100%;
float:left;
padding-bottom:15px;
}
.arptemplate_101 .arpcolumnfooter{
width:100%;
float:left;
display:inline-block;
transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
-ms-transition:all 0.2s linear 0s;
}
.arptemplate_101 .arpcolumnfooter.arp_medium_btn{
height:55px;
}
.arptemplate_101 .arpcolumnfooter.arp_small_btn{
height:45px;
}
.arptemplate_101 .arpcolumnfooter.arp_large_btn{
height:65px;
}
.arptemplate_101 .maincaptioncolumn .arpcaptiontitle {
min-height:75px;
height:auto;
line-height:normal;
padding-top:24px;
padding-left:3%;
margin:0 0 10px 0;
background:#ffffff;
overflow:hidden;
}
.arptemplate_101 .arppricetablecolumntitle .bestPlanTitle {
margin: 0;
padding:15px 0 0 0;
min-height:75px;
word-wrap:break-word;
text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
.arptemplate_101 .arppricetablecolumnprice {
margin: 0;
float:left;
width:100%;
height:90px;
line-height:90px;
}
.arptemplate_101 .arp_currency{
float: none;
font-size: 24px;
font-weight: normal;
position: relative;
top: -20px;
}
.arptemplate_101 .planContainer .arppricingtablebodyoptions li {
line-height: 1.3;
height:57px;
padding:0 0px !important;
display:table;
width:90%;
float:none;
margin:0 auto !important;
}
.arptemplate_101 .planContainer .arppricingtablebodyoptions li span{
display:table-cell;
vertical-align:middle;
}
.arptemplate_101 .arppricingtablebodyoptions li i{
position:relative;
margin:0 10px;
}
.arptemplate_101 .maincaptioncolumn .arppricetablebutton{
display: inline-block;
height:97px;
}
.arptemplate_101 .arppricetablebutton{
width: 100%;
}
.arptemplate_101 .arppricetablebutton .bestPlanButton {
text-transform: none;
text-decoration: none;
letter-spacing:1px;
line-height:normal;
display: inline-block;
width: 100% !important;
margin:0;
padding:0;
outline:none;
-weblit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer !important;
}
.arptemplate_101 .arppricetablebutton .bestPlanButton.arp_small_btn{
min-height:40px !important;
height:auto;
}
:-o-prefocus, .arptemplate_101 .arppricetablebutton .bestPlanButton.arp_small_btn{
line-height:40px !important;
}
.arptemplate_101 .arppricetablebutton .bestPlanButton.arp_medium_btn{
min-height:55px !important;
height:auto;
}
:-o-prefocus, .arptemplate_101 .arppricetablebutton .bestPlanButton.arp_medium_btn{
line-height:55px !important;
}
.arptemplate_101 .arppricetablebutton .bestPlanButton.arp_large_btn{
min-height:65px !important;
height:auto;
}
:-o-prefocus, .arptemplate_101 .arppricetablebutton .bestPlanButton.arp_large_btn{
line-height:65px !important;
}
.arptemplate_101 .arp_allcolumnsdiv .arpplan .arppricetablecolumntitle{
min-height:55px;
height:auto;
float:left;
width:100%;
}
.arptemplate_101 .maincaptioncolumn .arpcaptiontitle {
color: #E3E3E3 !important;
}
.ArpPricingTableColumnWrapper_inner_selected.selected
{
margin-top:-2px !important;
margin-bottom:38px !important;
}
.arptemplate_101 .arp_price_wrapper{
color:#FFFFFF;
}
.arp_header_selection_new.selected .arppricetablecolumntitle{
min-height: 50px !important;
height:auto;
}
.arp_header_selection_new.selected .arppricetablecolumntitle .bestPlanTitle{
padding:12px 0 0;
}
.arp_header_selection_new.selected .arp_header_shortcode{
height:140px;
}
.arp_header_selection_new.selected .arp_header_shortcode img{
height:140px;
}
.arp_header_selection_new.selected
{
padding: 3px;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight{
margin-bottom:0px;
padding:0px;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpplan,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpplan{
margin-top:20px;
top:-20px;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arp_column_content_wrapper,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arp_column_content_wrapper{
box-shadow:12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
-moz-box-shadow:12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
-o-box-shadow:12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpcolumnfooter.arp_small_btn,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpcolumnfooter.arp_small_btn{
height:85px !important;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpcolumnfooter.arp_medium_btn,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpcolumnfooter.arp_medium_btn{
height:95px !important;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpcolumnfooter.arp_large_btn,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpcolumnfooter.arp_large_btn{
height:105px !important;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpcolumnfooter .arppricetablebutton,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpcolumnfooter .arppricetablebutton{
height:100% !important;
}
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn):hover .arpcolumnfooter .arppricetablebutton .bestPlanButton,
.arptemplate_101 #ArpPricingTableColumns .ArpPricingTableColumnWrapper.hover_effect.no_animation:not(.maincaptioncolumn).column_highlight .arpcolumnfooter .arppricetablebutton .bestPlanButton{
height:100% !important;
}
.arp_price_table_5 .arppricetablecolumnprice .arp_price_value
{
line-height: 76px !important;
}
.arptemplate_101 .arp_column_content_wrapper {
float: left;
width: 100%;
}
.arptemplate_101 .arpcolumnfooter_selected.selected .bestPlanButton
{
box-shadow: 0 0 0 3px #28caff inset !important;
-webkit-box-shadow: 0 0 0 3px #28caff inset !important;
-moz-box-shadow: 0 0 0 3px #28caff inset !important;
-o-box-shadow: 0 0 0 3px #28caff inset !important;
}
.arptemplate_101 .bestPlanButton:hover{
background-image:none;
}
.arptemplate_101 .arpplan .fa-lg{
font-size:24px !important;
}
.arptemplate_101 .toggle_step_first.arp_row_description_text ,
.arptemplate_101 .toggle_step_second.arp_row_description_text ,
.arptemplate_101 .toggle_step_third.arp_row_description_text
{
padding-bottom: 10px;
padding-top: 10px;
}