*{margin:0; padding:0;}
html, body {height: 100%;}
ul{ margin:0 !important; padding:0 !important}
li{ list-style-type:none}
#wrapper {
}
#footer, .push {}
.rt-container{ padding:0 10px; background:#fff}
/*Buttons*/
a.moduleItemReadMore,
a.k2ReadMore,
div.itemCommentsForm form input#submitCommentButton,
input[type="submit"],
button.button,
.component-content div.toggle-editor a,
a.moduleCustomLink{
display: inline-block;
overflow: hidden;
padding: 0 10px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:28px;
border-radius:2px;
height:28px;
}
/*Typhography*/
div.catItemHeader h3.catItemTitle,
div.catItemHeader h3.catItemTitle a,
div.userItemHeader h3.userItemTitle,
div.userItemHeader h3.userItemTitle a,
div.module-title h2.title,
div.itemHeader h2.itemTitle,
div.itemCommentsForm h3,
h3.itemCommentsCounter,
h1.contentTitle,
div.componentheading h2,
h2.k2ProfileHeading,
div.genericItemHeader h2.genericItemTitle,
div.genericItemHeader h2.genericItemTitle a,
div.tagItemHeader h2.tagItemTitle{
font-size:19px;
line-height:1.2em;
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-weight:normal;
letter-spacing:normal;
}
div.catItemHeader,
div.componentheading,
h2.k2ProfileHeading,
div.userItemHeader,
div.module-title,
div.genericItemHeader,
div.itemHeader,
h1.contentTitle,
h3.itemCommentsCounter,
div.itemCommentsForm h3,
div.tagItemHeader{
margin:16px 0 14px 0;}
p {margin: 0 0 18px 0;}
/*=== Top Positions ===*/
#rt-top{ padding-top:44px;}
#rt-top .rt-container{ background:url(../../../templates/theme1105/images/body/bg_content_top.gif) 0 0 no-repeat !important; height:47px; line-height:47px;}
#rt-top .rt-container .custom{ padding:0 16px;}
#rt-top .rt-container .custom span{ float:right; font-size:17px; color:#5791a6}
/*=== Header Positions ===*/
#rt-header .rt-container{ background:url(../../../templates/theme1105/images/body/bg_header.gif) 0 0 repeat-x #fff; padding-top:24px;}
/*=== Showcase Positions ===*/
#rt-showcase .rt-container{}
/*=== Feature Positions ===*/
#rt-feature .rt-container{}
/*=== Utility Positions ===*/
/*=== MainTop Positions ===*/
.pad_right .moduleItemIntrotext{ padding-right:40px !important;}
.title_banner{font-family: 'Maven Pro', sans-serif; font-size:24px; line-height:1.2em; letter-spacing:-1px; margin-top:-5px; display:block; color:#434950; margin-bottom:9px;}
.title_banner span{ display:block; margin-top:-1px;}
.banner1 a{ display:block; position:relative; margin-bottom:19px;}
.banner1 a .active{ position:absolute; top:0; left:0; opacity:0;filter: alpha(opacity = 0);transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */}
.banner1 a:hover .active{ opacity:1;filter: alpha(opacity = 100)}
/*=== MAINBODY ===*/
.pad_bot1 .rt-block{ padding-bottom:20px !important;}
.catItemIntroText{ margin-right:0 !important;}
.itemContainerLast, .itemContainerLast{ margin-right:0 !important}
#rt-sidebar-a .rt-block , #rt-mainbody .component-content, #rt-maintop .rt-block, #rt-content-top .rt-block { border-top:2px solid #f1f1f1}
#port #rt-mainbody .TagCloudBlock{ padding-top:20px}
.list1 li{ line-height:32px; padding-bottom:1px; border-bottom:1px solid #e3e3e3; margin-bottom:1px;}
.list1 li.lastItem{ padding-bottom:0; margin-bottom:0; border:none;}
.list1 li a{ display:block; padding:0 10px;}
.list1 li a:hover{ background:#f6f9fa; color:#5791a6}
.list2 ul ul{ margin-top:21px !important;}
.list2 li{ line-height:26px;}
.list2 a{ background:url(../../../templates/theme1105/images/marker_1.gif) 0 2px no-repeat; padding-left:20px; color:#858587}
.list2.cols ul ul{ float:left; width:50%;}
.home .itemContainer{ position:relative; padding-top:78px;}
.home .itemContainer .catItemIntroText{ min-height:230px; margin:0 !important; }
.home .itemContainer .catItemIntroText p{margin:0 !important; padding-bottom:12px; }
.home .itemContainer .catItemIntroText img{ position:absolute; top:32px; left:0}
.home .itemBody .itemIntroText img{ display:none}
.staff li{ float:left; width:300px; margin-right:20px;}
.staff li.odd{ margin-right:0}
.staff a.moduleItemImage{ margin-right:10px; margin-bottom:0}
.staff .moduleItemIntrotext p{ margin-bottom:0;}
.col3{ width:300px; margin-right:20px; float:left;}
.col3.last{ margin-right:0}
.downloads li{ padding-bottom:20px !important;}
.downloads a{ display:inline-block; padding-left:24px;}
.downloads .pdf a{ background: url(../../../templates/theme1105/images/pdf.jpg) 0 0 no-repeat}
.downloads .xls a{ background:url(../../../templates/theme1105/images/xls.jpg) 0 0 no-repeat }
.pricelist li{ background:url(../../../templates/theme1105/images/bg_price.gif) 0 -7px repeat-x; line-height:22px !important;}
.pricelist{ padding-right:50px !important;}
.pricelist span{ float:right; background:#fff}
.pricelist a{ color:#858587; background:#fff;}
.catItemEditLink, .itemEditLink{ padding-right:0 !important; margin-left:20px !important}
#home .catItemEditLink{ position:absolute; top:40px; right:10px}
.itemListView.blog, .itemView.blog{ margin-right:25px;}
#blog .catItemHeader, #blog .itemHeader{ margin-top:1px; position:relative; padding-left:64px; margin-bottom:25px;}
#blog .itemHeader{margin-top:13px; }
#blog .catItemHeader .catItemDateCreated, #blog .itemDateCreated{ position:absolute; background:url(../../../templates/theme1105/images/bg_date.gif) 0 0 repeat-x; width:30px; height:29px; border-radius:2px; top:0; left:0; font-size:13px; color:#fff; text-align:center; line-height:13px; padding:9px 10px;}
#blog .catItemTitle, #blog .itemTitle{ padding-top:3px; padding-bottom:5px;}
#blog .catItemCommentsLink, #blog .itemCommentsLink{ position:absolute; right:0; padding-right:0; top:30px; }
#blog .catItemBody{ padding-bottom:10px; border-bottom:2px solid #f1f1f1; margin-bottom:29px;}
div.social-button{ padding-bottom:26px !important; border-bottom:2px solid #f1f1f1; margin-bottom:20px !important;}
/*Images*/
a.moduleItemImage{margin: 0 20px 20px 0; float:left;}
div.itemImageBlock,
div.catItemImageBlock,
div.userItemImageBlock,
div.genericItemImageBlock{margin: 0 20px 20px 0; float:left;}
div.itemImageBlock a,
a.moduleItemImage,
div.catItemImageBlock a,
div.userItemImageBlock a,
div.genericItemImageBlock a{}
div.itemImageBlock img,
a.moduleItemImage img,
div.catItemImageBlock img,
div.userItemImageBlock img,
div.genericItemImageBlock img{ border-radius:3px;}
/*----------------Items List View-----------------*/
div.itemContainer{}
/*----------------------------------------- Portfolio ------------------------------------*/
.portfolio-row{overflow:hidden;}
.portfolio-row div.catItemImageBlock{margin-bottom:1em;}
#port div.itemContainer{margin-bottom:0;}
#port div.itemContainer .catItemBody{margin-bottom:3em}
/*SortByType*/
#portfoliosorting{width: 100%; overflow: hidden; margin: 0 0 0 0}
.sortbytype {padding: 0px; float:right;}
.sortbytype a {
float: none;
padding: 0;
margin: 0 0 0 1em;
text-decoration: none;}
.sortbytype a:hover,
.sortbytype a.active_sort {}
.k2UserBlockActions{ padding-bottom:20px !important;}
/*PrettyPhoto*/
a.modal.img{position:relative; display:block; overflow:hidden; }
a.modal.img span{
background: url("../../../templates/theme1105/images/zoom.png") no-repeat scroll 0 0 transparent;
height: 80px;
left: 50%;
margin-left: -40px;
margin-top: -40px;
position: absolute;
top: -50%;
width: 80px;
}
.itemImage a.modal{position:relative; display:block;overflow:hidden;}
.itemImage a.modal .zoom-icon{
background: url("../../../templates/theme1105/images/zoom.png") no-repeat scroll 0 0 transparent;
height: 80px;
left: 50%;
margin-left: -40px;
margin-top: -40px;
position: absolute;
top: -50%;
width: 80px;}
/*----------------------------------------- FAQs ------------------------------------*/
#faqs div.catItemHeader{margin-bottom:0}
#faqs .question div.catItemHeader h3.catItemTitle {
font-size: 18px;
font-weight: normal;
line-height: 36px;
margin-bottom: 0;
padding: 0;
}
#faqs span.ques,
#faqs span.ans{font-size: 18px;}
/*----------------------------------------- Testimonials ------------------------------------*/
#testimonials .catItemIntroText{
background:url(../../../templates/theme1105/images/quotes.png) left 6px no-repeat;
padding-left:80px;
overflow:hidden;}
#testimonials .catItemIntroText > p{
margin-bottom:0;
font-style:italic}
#testimonials .catItemIntroText div.test-author{
float:right;
text-align:right;}
#testimonials .catItemIntroText div.test-author span.author{
display:block;
font-weight:bold;
font-size:1.2em;}
div.userItemIntroText div.test-author, div.genericItemIntroText div.test-author{margin: 0 0 1em 0;}
/*----------------------------------------- History ------------------------------------*/
#history div.catItemHeader{}
#history div.catItemBody{overflow:hidden;}
/*Pagination*/
div.k2Pagination,
div.pagination,
div.itemComments div.itemCommentsPagination {
display: table;
margin: 0 auto;
padding: 0;
text-align: center; }
div.k2Pagination ul,
div.pagination ul,
div.itemComments div.itemCommentsPagination ul{
overflow: hidden;
padding-bottom: 15px !important;
text-align: center;}
#k2Container .k2Pagination ul li span,
#k2Container .k2Pagination ul li a,
div.pagination ul li a,
div.pagination ul li span,
div.itemComments div.itemCommentsPagination ul li a,
div.itemComments div.itemCommentsPagination ul li span{
font-size:12px; line-height:28px;
display:inline-block;
float:left;}
#k2Container .k2Pagination ul .pagination-start span,
#k2Container .k2Pagination ul .pagination-start a,
#k2Container .k2Pagination ul .pagination-prev span,
#k2Container .k2Pagination ul .pagination-prev a,
#k2Container .k2Pagination ul .pagination-next span,
#k2Container .k2Pagination ul .pagination-next a,
#k2Container .k2Pagination ul .pagination-end span,
#k2Container .k2Pagination ul .pagination-end a,
div.pagination ul .pagination-start a,
div.pagination ul .pagination-start span,
div.pagination ul .pagination-prev a,
div.pagination ul .pagination-prev span,
div.pagination ul .pagination-next a,
div.pagination ul .pagination-next span,
div.pagination ul .pagination-end a,
div.pagination ul .pagination-end span,
div.itemComments div.itemCommentsPagination ul .pagination-start a,
div.itemComments div.itemCommentsPagination ul .pagination-start span,
div.itemComments div.itemCommentsPagination ul .pagination-prev a,
div.itemComments div.itemCommentsPagination ul .pagination-prev span,
div.itemComments div.itemCommentsPagination ul .pagination-next a,
div.itemComments div.itemCommentsPagination ul .pagination-next span,
div.itemComments div.itemCommentsPagination ul .pagination-end a,
div.itemComments div.itemCommentsPagination ul .pagination-end span{ font-size:13px; color:#fff; background:url(../../../templates/theme1105/images/button_bg.gif) 0 0 repeat-x; border-radius:2px; margin:0 5px;
padding: 0 10px;}
#k2Container .k2Pagination ul .pagination-start a:hover,
#k2Container .k2Pagination ul .pagination-prev a:hover,
#k2Container .k2Pagination ul .pagination-next a:hover,
#k2Container .k2Pagination ul .pagination-end a:hover,
div.pagination ul .pagination-start a:hover,
div.pagination ul .pagination-prev a:hover,
div.pagination ul .pagination-next a:hover,
div.pagination ul .pagination-end a:hover,
div.itemComments div.itemCommentsPagination ul .pagination-start a:hover,
div.itemComments div.itemCommentsPagination ul .pagination-prev a:hover,
div.itemComments div.itemCommentsPagination ul .pagination-next a:hover,
div.itemComments div.itemCommentsPagination ul .pagination-end a:hover{ background:url(../../../templates/theme1105/images/button_bg_active.gif) 0 0 repeat-x}
.component-content ul {
list-style-position: outside;
list-style-type: square;
margin: 10px 0;
padding: 0;}
.component-content .pagenav {
list-style-type: none;
overflow: hidden;
padding: 0 5px;}
div.k2Pagination ul li span.pagenav,
div.pagination ul li span.pagenav,
div.itemComments div.itemCommentsPagination ul li span.pagenav{}
div.k2Pagination ul li a.pagenav,
div.pagination ul li a.pagenav,
div.itemComments div.itemCommentsPagination ul li a.pagenav{}
#k2Container div.k2Pagination ul li a.pagenav:hover,
div.pagination ul li a.pagenav:hover,
div.itemComments div.itemCommentsPagination ul li a.pagenav:hover,
#k2Container .k2Pagination ul li.num span.pagenav,
div.pagination ul li.num span.pagenav,
div.itemComments div.itemCommentsPagination ul li.num span.pagenav{}
#k2Container .k2Pagination ul li,
div.pagination ul li,
div.itemComments div.itemCommentsPagination ul li{
margin-right:4px;
float:left;
list-style:none;}
/*Comments*/
div.itemComments ul.itemCommentsList li{
margin-bottom:10px; position:relative; padding:18px 23px 16px 106px; min-height:100px}
div.itemComments ul.itemCommentsList .commentBodyContainer{}
div.itemComments ul.itemCommentsList li img{ position:absolute; top:20px; left:20px; width:66px; height:65px;}
div.itemComments .commentToolbar, div.itemComments .commentDate{ float:right; margin-left:5px;}
div.itemComments .commentAuthorName{ position:absolute; left:20px; width:66px; text-align:center; top:90px;}
#commentText{
width: 520px;
height:217px;}
#userName,
#commentEmail,
#commentURL{width:270px;}
div.itemComments ul.itemCommentsList li span.commentToolbar{
padding:0;
margin:0 0 1em 0;}
form#comment-form dl dt{margin:0;}
div.commentBodyContainer{overflow: hidden;}
.itemCommentsList{ padding-bottom:20px !important; border-bottom:2px solid #f1f1f1; margin-bottom:20px !important;}
/*Forms*/
form#comment-form dl dt{ height:0; line-height:0}
textarea#jform_contact_message,
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme{
padding: 10px 14px;
resize: none;
outline:none;
overflow:auto;
font-size:1em;
line-height:1.8em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
-webkit-appearance: none;
-webkit-border-radius:0;
}
#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login input[type="text"],
#form-login input[type="password"],
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"]{
padding: 10px 14px !important;
outline:none;
font-size:13px !important;
line-height:17px;
height:17px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
-webkit-appearance: none;
-webkit-border-radius:0;
}
label,
.k2AccountPage dd > span{
line-height:2em;
height:2em;}
div.itemCommentsForm form input.inputbox,
table.admintable td span b{
margin:0;
display:block;}
#rt-popup input.inputbox[type="text"],
#rt-popup input.inputbox[type="password"]{
width:200px;
-webkit-appearance: none;}
.component-content p.counter{line-height:2em;}
/*Contact Form*/
#contact-form input.required[type="text"],
#contact-form input.required[type="password"],
#contact-form input.required[type="email"],
#jform_contact_message{
margin:0;}
#contact-form-cont,
#contact-address,
.contact-misc p{float:left; width:50%;}
.contact-form{margin-right:20px; padding-bottom:20px;}
.contact-miscinfo h3, .jicons-icons, #contact-form legend, .uniq{display:none;}
div.map-wrapper{
padding: 0.5em;
margin-bottom:2em;}
#map{height:260px;}
dd.submit-button {
float: right !important;
margin-right: 17px;}
#jform_contact_message{width:250px; height:200px;}
/*=== SIDEBARS===*/
#rt-sidebar-a .rt-block,
#rt-sidebar-b .rt-block,
#rt-sidebar-c .rt-block{}
/*=== MainBottom Positions ===*/
#rt-mainbottom .rt-container{ background:url(../../../templates/theme1105/images/line_hor1.gif) center 0 no-repeat #fff; padding-top:10px; padding-bottom:12px;}
.contact-us ul ul li{ padding-bottom:7px; line-height:22px; padding-left:35px;}
.contact-us .address{ background:url(../../../templates/theme1105/images/icon1.gif) 0 0 no-repeat}
.contact-us .telephone{ background:url(../../../templates/theme1105/images/icon2.gif) 0 0 no-repeat}
.contact-us .email{ background:url(../../../templates/theme1105/images/icon3.gif) 0 0 no-repeat}
.hours li{ line-height:22px;}
.hours strong{ color:#5791a6}
#social li{ line-height:22px; padding-bottom:5px;}
.os ul ul{ padding-top:21px !important;}
.os li li{ padding-bottom:16px;}
.os li a img{ filter: alpha(opacity = 33); opacity:0.33;
transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */}
.os li a:hover img{ opacity:1;filter: alpha(opacity = 100);}
/*=== Bottom Positions ===*/
/*=== Footer Positions ===*/
#rt-footer{ padding-bottom:44px;}
#rt-footer .rt-container{ background:url(../../../templates/theme1105/images/body/bg_content_botttom.gif) 0 0 no-repeat; height:42px;}
#rt-footer .rt-block{ padding:0 20px;}
.copyright .date{ padding-right:15px;}
div.footer{}
.copyright,
.copyright a{
line-height:40px; text-align:right;
margin:0;
}
p.copyright{margin-bottom:0}
.copyright a:hover{}
span.sitename{}
span.date{}
span.footerText{}
/*ToTop*/
/*Scroll to top*/
.rt-block.totop{
bottom: 33px;
position: fixed;
right: 33px;
display:none;}
a#gantry-totop{
z-index:999;
background: url(../../../templates/theme1105/images/top.gif) 0 0 no-repeat;
display:block;
width:22px;
height:11px;
text-indent:-9999em;
font-size:1px;
line-height:1px;}
a#gantry-totop span{ background: url(../../../templates/theme1105/images/top.gif) right 0 no-repeat; width:100%; height:100%; display:block; opacity:0;filter: alpha(opacity = 0);transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition:
all 0.5s; /* Opera */}
a#gantry-totop:hover span{ opacity:1;filter: alpha(opacity = 100);}
/*======= 404 page styling ============*/
div.img404{width:50%; float:left;}
div.img404 img{width:100%;}
div.text404{}
/*======= Under Construction ============*/
h1.constrSiteName{margin-bottom:1em;}
.counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 40px 0; margin: 0 0 0 30px}
.counter_desc div{ width:104px; margin-left:18px; text-align:center; float:left;}
.counter_desc div:first-child{ margin-left:0; margin-right:23px;}
.cntSeparator {
color: #000000;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 50px;
margin: 24px 0;}
#frame {
width:600px;
margin: 150px auto 0;
padding: 0px;
text-align:center;
background:#fff;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
border-radius:15px; }
#frame .frameInner{
padding:50px 36px;
}
#frame form {text-align: left;}
#frame #form-login label{width:100px; display: block; float:left;}
/* Alert boxes
---------------------------------------- */
.alert-box{
padding:20px 20px 20px 90px !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:inherit;
line-height:inherit;
border:1px solid #dbdbdb;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.error-box{
border-color:#ff9999;
color:#c31b00;
background:url(../../../templates/theme1105/images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box{
border-color:#e6c555;
color:#9e660d;
background:url(../../../templates/theme1105/images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
border-color:#68a2cf;
color:#2e6093;
background:url(../../../templates/theme1105/images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box{
border-color:#a3c159;
color:#5e6f33;
background:url(../../../templates/theme1105/images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.rt-grid-12.rt-push-3{ left:0 !important}
#mod-search-searchword{ float:none; display:block}
#form-login ul{ padding:10px 0 30px 0 !important}
.pricing-table {
position: relative;
display: block;
margin: 0 5px;
float: left;
width: 200px;
background: #ffffff;
font-family: Roboto, Helvetica, sans-serif;
text-align: center;
}
.basic {
border-top: 3px solid #56ca7c;
border-bottom: 3px solid #56ca7c;
}
.standard {
border-top: 3px solid #5f5fa7;
border-bottom: 3px solid #5f5fa7;
}
.premium {
border-top: 3px solid #0e83cd;
border-bottom: 3px solid #0e83cd;
}
.pricing-table span {
display: block;
}
.table-head {
padding: 25px 0;
font-size: 28px;
font-weight: bold;
}
.basic .table-head {
color: #56ca7c;
}
.standard .table-head {
color: #5f5fa7;
}
.premium .table-head {
color: #0e83cd;
}
.price {
padding: 8px 0;
font-size: 32px;
font-weight: bold;
color: #ffffff;
}
.basic .price {
background: #56ca7c;
}
.standard .price {
background: #5f5fa7;
}
.premium .price {
background: #0e83cd;
}
.table-row {
padding: 10px 0;
font-size: 14px;
font-weight: 400;
color: #888;
}
.table-row:nth-child(2n) {
background: #f7f7f7;
}
.purchase {
padding: 35px 0;
}
a.buy {
position: relative;
display: inline-block;
z-index: 5;
padding: 7px 15px;
border-radius: 4px;
text-decoration: none;
font-size: 16px;
font-weight: 500;
-webkit-transition: color .2s ease, background .5s ease;
-o-transition: color .2s ease, background .5s ease;
transition: color .2s ease, background .5s ease;
overflow: hidden;
}
.basic a.buy {
border: 2px solid #56ca7c;
color: #56ca7c;
}
.standard a.buy {
border: 2px solid #5f5fa7;
color: #5f5fa7;
}
.premium a.buy {
border: 2px solid #0e83cd;
color: #0e83cd;
}
a.buy:hover {
color: #ffffff;
}
.basic a.buy:hover {
background: #56ca7c;
}
.standard a.buy:hover {
background: #5f5fa7;
}
.premium a.buy:hover {
background: #0e83cd;
}
a.buy:after {
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: -1;
width: 100%;
height: 0;
content: '';
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.basic a.buy:after {
background: #56ca7c;
}
.standard a.buy:after {
background: #5f5fa7;
}
.premium a.buy:after {
background: #0e83cd;
}
a.buy:hover:after {
height: 100%;
}