body{ font-family: 'latoregular'; font-size:13px; font-weight: normal; font-style:normal; margin:0; padding: 0;} /*Globle css*/ .clearfix{clear:both;} .text-left{ text-align: left;} .text-center{ text-align: center;} .text-right{ text-align: right;} .white{color:#fff;} .darkBlue{color:#262e39;} .bg-white{background:#fff;} .bg-lightBlue{background:#4db2c1;} .bg-green{background:#8fc400;} .pull-left{float: left;} .pull-right{float: right;} .col-centered{ float: none; margin: 0 auto;} .no-gutter { padding-left:0; padding-right:0;} .padd0{ padding: 0px;} .paddL0{ padding-left: 0px;} .paddR0{ padding-right: 0px;} .paddB60{padding-bottom: 60px;} .marT5{margin-top: 5px;} .marT10{margin-top:10px;} .marT15{margin-top:15px;} .marT20{margin-top:20px;} .marT25{margin-top:25px;} .marT30{margin-top:30px;} .marT35{margin-top:35px;} .marT55{margin-top:55px;} .marB0{margin-bottom:0px !important;} .marB60{margin-bottom:60px;} .font18{font-size: 18px;} .full{float:left; width:100%;} .uppercase{text-transform:uppercase;} .align-middle{ top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .mobile-view{ display:none !important;} .relative{position: relative;} h1, h2, h3, h4, h5, h6, p, ul, ol, li { font-size: inherit; margin:0; padding:0; font-family: inherit;} *{box-sizing: border-box;} a { transition: all 0.3s ease-in-out; } :hover{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } a:focus{outline: none;} :focus{outline: none;} p{font-family: 'karlaregular'; font-size: 16px; } /* Placeholder color chnage css */ input::-webkit-input-placeholder {color: white !important; opacity:1;} input:-moz-placeholder { /* Firefox 18- */color: white !important;opacity:1; } input::-moz-placeholder { /* Firefox 19+ */color: white !important; opacity:1;} input:-ms-input-placeholder { color: white !important;opacity:1;} textarea::-webkit-input-placeholder {color: white !important;opacity:1;} textarea:-moz-placeholder { /* Firefox 18- */color: white !important;opacity:1;} textarea::-moz-placeholder { /* Firefox 19+ */color: white !important;opacity:1;} textarea:-ms-input-placeholder {color: white !important;opacity:1;} /* Drop arrow swing css */ .animated{-webkit-animation-duration:0.8s;-moz-animation-duration:1s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both} @keyframes floating {0%{transform:translateY(0%)}50%{transform:translateY(15%)}100%{transform:translateY(0%)}} @-webkit-keyframes floating {0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(15%)}100%{-webkit-transform:translateY(0%)}} .animated.floating{animation-name:floating;-moz-animation-name:floating;-webkit-animation-name:floating;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count: infinite;} /* fonts */ @font-face {font-family: 'karlaregular'; src: url('../fonts/karla-regular-webfont.woff2') format('woff2'), url('../fonts/karla-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'karlaitalic'; src: url('../fonts/karla-italic-webfont.woff2') format('woff2'), url('../fonts/karla-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'karlabold'; src: url('../fonts/karla-bold-webfont.woff2') format('woff2'), url('../fonts/karla-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latoregular'; src: url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latoblack'; src: url('../fonts/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latoblack_italic';src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'), url('../fonts/lato-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latobold'; src: url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latobold_italic'; src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('../fonts/lato-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latoitalic'; src: url('../fonts/lato-italic-webfont.woff2') format('woff2'), url('../fonts/lato-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latolight'; src: url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latolight_italic'; src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('../fonts/lato-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} .btn-green{background:#8fc400; font-family: 'karlabold'; font-size: 15px; color:#fff; padding:13px 38px; border-radius:0; text-transform:uppercase; border:none;} .hvr-btn-blue { backface-visibility: hidden; background: #8fc400 none repeat scroll 0 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle;} .hvr-btn-blue::before { background: #4db2c1 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scale(0); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;} .hvr-btn-blue:hover::before, .hvr-btn-blue:focus::before, .hvr-btn-blue:active::before { transform: scale(1);} .hvr-btn-blue:hover, .hvr-btn-blue:focus, .hvr-btn-blue:active { color: white;} .hvr-btn-white { backface-visibility: hidden; background: #8fc400 none repeat scroll 0 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle;} .hvr-btn-white::before { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scale(0); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;} .hvr-btn-white:hover::before, .hvr-btn-white:focus::before, .hvr-btn-white:active::before { transform: scale(1);} .hvr-btn-white:hover, .hvr-btn-white:focus, .hvr-btn-white:active { color: #404d5f;} header { left: 0; position: absolute; top: 0; width: 100%; z-index: 999; transition: all 0.3s ease-in-out;} header.sticky {position: fixed; width:100%; left:0; top:0; z-index: 999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} header.sticky .top-strip { height: 0; opacity: 0; visibility: hidden;} header.sticky .navigation { box-shadow: 0 0 5px #888; } header.sticky .logo {top: -3px;width: 106px;} .top-strip {float:left; background:rgba(67, 174, 190, 0.7); height: 30px; width: 100%; transition: all 0.3s ease 0s; } .top-strip ul.top-strip-menu{float:right; width:auto;} .top-strip ul.top-strip-menu li{float:left; display:inline; line-height:30px; } .top-strip ul.top-strip-menu li.support{line-height:29px; letter-spacing:normal; } .top-strip ul.top-strip-menu li{float:left; display:inline; line-height:30px; letter-spacing:.9px; } .top-strip ul.top-strip-menu li a{font-family: 'karlaregular'; font-size: 18px; text-decoration:none; color:#fff; text-transform:uppercase; border-left:1px solid #95ccd6; padding:0 20px;} .top-strip ul.top-strip-menu li a span{font-size: 14px;} .top-strip ul.top-strip-menu li:hover a{text-decoration:none; } .top-strip ul.top-strip-menu li:first-child a{border-left:none;} .top-strip ul.top-strip-menu li:last-child a{ padding-right:0; } .navigation{background:#fff; height:90px; float:left; width:100%;} .logo {background: rgb(255, 255, 255) none repeat scroll 0 0;left: 15px;padding-top:8px;position: absolute;top: -33px;transition: all 0.5s ease 0s;width: 141px;} .logo img {display: block; width: 100%;} .contact-btn-hdr {float: right;line-height: 90px;margin-left: 20px;} .nav-menu{float:right;} .menu { float: right; margin: 0; padding: 0; position: relative; z-index: 9;} .menu ul { margin: 0; padding: 0; display: block; list-style: none;} .menu ul li { color: #fff; display: block; float: left;font-weight: normal; list-style: outside none none; margin: 0; padding:0; position: relative; font-family: 'karlaregular'; border-bottom: 4px solid transparent;} .menu ul li:last-child { background: none;} .menu ul li a {display: block;font-size: 16px;margin: 0;padding: 36px 17px 27px;text-transform: uppercase;} .menu ul li:hover{ border-bottom-color:#8fc400 ;} .menu ul li.active { border-bottom-color:#8fc400 ; } .menu ul li:hover a { color: #149aae; text-decoration: none;} .menu ul li.active a { color: #149aae; text-decoration: none; } .menu ul li.active a::before {border-bottom:4px solid #ff0000; position: absolute;} /*==========================Desktop dropdown menu start here===========================*/ .menu ul ul { background: none repeat scroll 0 0 #000000; border: medium none; display: none; float: none; left: 0; margin: 0; padding: 0; position: absolute; top: 100%; width: 200px; z-index: 999999;} .menu ul ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none; display: block; float: none; margin: 0;padding: 0; position: relative; text-shadow: none; text-transform: none;} .menu ul ul li a { background: none repeat scroll 0 0 #000000 !important; border-bottom: 1px solid #999; color: #FFFFFF; display: block; font-size: 14px; line-height: normal; margin: 0; padding: 10px; text-shadow: none;} .menu ul li:hover > ul > li > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; text-decoration: none;} .menu ul li:hover ul li a { color: #FFFFFF; text-decoration: none;} .menu ul ul li a:hover, .menu ul ul li.current-menu-item > a {background: none repeat scroll 0 0 #dd2b30 !important;} .menu ul li:hover ul { display: block;} .menu ul ul ul {display: none !important; left: 0; margin: 0 0 0 200px; position: absolute; top: 0;} .menu ul ul li:hover > ul { display: block !important;} .item img { max-width: 100%; min-height: 400px; position: relative; width: 100%; z-index: 0;} .carousel-indicators { display: none;} .carousel-control { display: none;} .slider-content-sec { left: 0; margin-top: 50px; position: absolute; right: 0; text-shadow: 0 2px 2px #555; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9;} .slider-content-sec h1{font-size: 60px; font-family: 'latobold'; color:#fff; margin-bottom: 10px; } .slider-content-sec h2{font-size: 38px; font-family: 'latoregular'; color:#fff; /*text-transform:uppercase;*/ margin-bottom: 10px; } .slider-content-sec p{font-size: 18px; font-family: 'latoregular'; color:#fff; margin-bottom: 20px; } .slider-content-sec img { width: auto !important; min-height: inherit !important;} .banner-left-shadow{ width:50%; top:0; left:0; height:100%; position: absolute; z-index:9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#149aae+0,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(20,154,174,.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(20,154,174,.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(20,154,174,.4) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149aae', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .drop-arrow { float: left; margin-top: -32px; position: relative; text-align: center; width: 100%; z-index: 100;} .drop-arrow .arrow-bg { background:rgba(77, 178, 193, 0.8); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display: inline-block; height: 63px; line-height: 63px; text-align: center; width: 63px;} .link_btn.arrow-bg i { line-height:55px; color: #fff; font-size: 40px;} .drop-arrow .arrow-bg:hover{background:rgba(143, 196, 0, 0.8);} /* Main title css */ .main-title { color: #fff; float: left; font-family: 'latoblack'; font-size: 27px; margin-top: 55px; margin-bottom: 60px; padding-bottom: 20px; position: relative; text-align: center; text-transform: uppercase; width: 100%;} .main-title span {text-transform: none;} .main-title span{ float:left; width:100%; font-size: 14px; font-family: 'latoregular'; padding-bottom: 10px; } .main-title::after{position: absolute; content:""; width:83px; height:1px; background:#fff; left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:0;} .main-title.typeTwo::after{background:#4db2c1;} .main-title.typeThree{color: #404d5f; } .main-title.typeThree::after{background:#4db2c1;} .full-img{float:left; width:100%;} .full-img img{ width:100%;} .section-second { float: left; margin-bottom: 60px; margin-top: -31px; padding-top: 70px; width: 100%;} .section-second .center-border{ position: absolute; left:50%; top:0; width:1px; height:100%; background:#ebebeb; } .section-second .section-second-col { display: block; padding: 30px 0; width: 100%; } .section-second .section-second-col .thumb-sec { display: block; text-align: center; width: 100%; } .section-second .section-second-col .thumb-sec img{ text-align:center; } .section-second .section-second-col .thumb-sec img+img{ display:none; } .section-second .section-second-col:hover .thumb-sec img{ display:none; } .section-second .section-second-col:hover .thumb-sec img+img{ display:inline-block; text-align:center; } .section-second .section-second-col h2 { color: #404d5f; display: block; font-family: "latoregular"; font-size: 22px; margin: 20px 0; text-align: center; text-transform: uppercase; width: 100%; } .section-second .section-second-col:hover h2{ color:#8fc400; } .section-second .col-sm-6:last-child .section-second-col { border-bottom:none;} .section-second .col-sm-6:nth-last-child(2) .section-second-col { border-bottom:none;} .section-second .section-second-col .overlay-box { background: #404d5f none repeat scroll 0 0; border-bottom: 4px solid #4db2c1; display: block; padding: 15px 20px; position: relative; width: 100%; } .section-second .section-second-col .overlay-box p { color: #fff; display: block; font-size: 16px; line-height: 26px; position: relative; text-align: center; } /* Who we are */ .who-we-are{float:left; width:100%; background: url('../img/green-pattrn.png') repeat left top; } .who-we-are .thumb-sec{float:left; width:100%;} .who-we-are .thumb-sec img{ width:100%; } .description-sec{float:left; width:100%; padding-top: 55px; } .description-sec p{font-size: 16px; font-family: 'latoregular'; color:#606060; padding-bottom: 25px;} .description-sec p span{font-size:20px; font-family: "latobold"; } .membership-plan-sec{float:left; width:100%; background: url('../img/membership-bg.png') repeat left top; background-size:cover; } .membership-plan-col{float:left; width:100%; text-align: center; padding-top: 13px; padding-bottom: 18px; position: relative;} .membership-plan-col::after{ position: absolute; left:50px; bottom:-15px; background: url('../img/membership-col-btm-arrow1.png') no-repeat; width:24px; height:16px; content:"";} .membership-plan-col.bg-lightBlue::after{ background: url('../img/membership-col-btm-arrow2.png') no-repeat;} .membership-plan-col.bg-green::after{background: url('../img/membership-col-btm-arrow3.png') no-repeat;} .membership-plan-col .year{float:left; width:100%; font-size: 30px; font-family: 'karlaregular'; text-transform:uppercase; line-height:normal;} .membership-plan-col .price{float:left; width:100%; font-size: 60px; font-family: 'karlabold'; text-transform:uppercase; line-height:normal;} .membership-plan-col .descrip{float:left; width:100%; font-size: 16px; font-family: 'karlaregular'; padding:0 20px; line-height:normal;} .membership-plan-sec .contact-btn{float:left; font-size: 14px; font-family: 'karlabold'; color:#fff; text-decoration:none; text-transform:uppercase; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:2px solid #fff; padding:7px 20px; margin-top: 27px; } .membership-plan-sec .contact-btn:hover{border-radius:0;} .membership-plan-sec .contact-btn.cont-btn-blue:hover{color:#4db2c1; border:2px solid #4db2c1; } .membership-plan-sec .contact-btn.cont-btn-green:hover{color:#8fc400; border:2px solid #8fc400; } .frequently-sec{float:left; width:100%; } .panel-default > .panel-heading { background-color: #f2f7fa; border:none !important; border-radius:0 !important; color: #404d5f; padding:0; position: relative; width:100%; display:inline-block;} .panel-default > .panel-heading h4 {font-size: 14px; font-family: "latobold"; text-transform:uppercase; float:left; width:100%;} .panel-default > .panel-heading h4 a{text-decoration:none; float:left; width:100%; padding:16px 36px; } .panel-default > .panel-heading::before { content: "\f067"; font-family: FontAwesome; color: #4db2c1; font-size: 14px; padding-right: 0.5em; position: absolute; top: 14px; right:34px; pointer-events:none;} .panel-default > .panel-heading.active { background-color: #8fc400; color: #fff;} .panel-default > .panel-heading.active::before{content: "\f068"; color:#fff;} .panel-group { margin-bottom: 0; float: left; width: 100%;} .panel-group .panel { border:none; border-radius: 0; box-shadow:none !important;} .panel-group .panel-body { padding: 30px 36px; border:none !important;} .contact-sec{float:left; width:100%; background:#4db2c1; position: relative; padding-bottom: 60px;} .contact-sec .blue-bg{ position: absolute; right:0; top:0; width:50%; background:#404d5f; content:''; height:100%; } .contact-sec h3{color:#fff;font-size: 30px; font-family: 'latolight'; margin-top: 55px; float:left; width:100%;} .form-group { float: left; position: relative; width: 100%;} .form-group::after { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; height: 15px; left: 0; position: absolute; width: 1px;} .inp-sec{ float:left; width:100%; font-size: 16px; color:#fff; border:none; background:none; border-bottom:1px solid #fff; padding:15px 23px; } .form-group.textarea-sec textarea { height: 90px; margin-top: 23px; padding-bottom: 0; padding-top: 0;} .form-group.textarea-sec::after { height: 78px; } .help-you-sec{padding-right: 120px;} .help-you-sec .btn-green{padding-left:64px; padding-right: 64px;} .contact-sec .right-sec{ padding-left: 30px; } .social-menu{float:left; width:auto; margin-top: 30px;} .social-menu li{float:left; display:inline; padding-right: 20px;} .social-menu li i{ font-size: 18px; color:#828fa8; } .social-menu li i:hover{cursor:pointer; color:#8fc400;} .newsletter-sec{float:left; width:100%;} .newsletter-sec p { color: #b1b5ba; float: left; font-family: "latolight"; font-size: 14px; margin-top: 15px; width: 100%;} .footer-menu{float:left; width:auto; margin-top: 50px;} .footer-menu li{display:inline; float:left; padding-right: 20px;} .footer-menu li a{font-size: 14px; font-family: 'karlaregular'; color:#aaafb5; text-transform:uppercase; } .footer-menu li:hover a{color:#8fc400;} footer{float:left; width:100%; margin-top: 55px; margin-bottom: 55px;} footer h3{ font-size: 14px; color:#4db2c1; /* margin-bottom: 15px;*/} footer h3 span{color:#8fc400; padding:0 5px;} footer h3 span a{color:#8fc400;} footer p{font-size: 12px; color:#404d5f; line-height:24px;} .red { color: rgb(255, 0, 0); font-size: 14px; } .error_message, .error-message, .error, .field-validation-error, .validation-summary-errors { color: rgb(255, 0, 0); font-size: 14px; line-height: normal; margin: 5px 0; } .success_message, .success-message, .success { color: rgb(41, 218, 23); font-size: 14px; line-height: normal; margin: 5px 0; } .alert .close { color: rgb(255, 255, 255); opacity: 0.2; } .alert-danger, .alert-error { border-color: rgb(215, 57, 37); } .alert { border-radius: 3px; } .inner-page{float:left; width:100%; padding-top:120px;} .thnx-box{float:left; width:100%; padding:100px 20px; background: rgba(67, 174, 190, 0.5); color:#5c5c5c; text-align:center; } .thnx-box h2{font-family: 'karlabold'; font-weight:normal; font-size:52px; text-transform:uppercase; margin-bottom:10px; color:#fff;} .thnx-box h3{font-family: 'latoregular'; font-size:28px; margin-bottom:8px; color:#5c5c5c;} .sub_message_contact { background: rgb(143, 196, 0) none repeat scroll 0 0; color: rgb(255, 255, 255); float: left; margin-left: 15px; margin-top: 20px; padding: 10px 15px; width: 96%; display:none; } .inner-headding{float:left; width:100%; background:#4db2c1; padding:40px 0px;} .inner-headding h1{color:#fff; text-transform:uppercase; font-size:32px; font-family: 'latobold';} .inner-mid-scec{float:left; width:100%; border-bottom:1px solid #7b8188; padding:25px 0px;} .inner-mid-scec p{padding-bottom:25px;} .top_space_cls{ clear: both; display: block; float: left; margin: 50px 0; width: 100%; } .pad10{padding-top:10px;} .membership-plan-col .price i{ font-size: 48px;padding-right: 10px;} .membership-plan-col .price span{font-size: 24px;padding-left: 5px;} .membership_plan_outer { background: #fff none repeat scroll 0 0; border: 1px solid #fff; display: block; padding: 5px; position: relative; width: 100%; } .membership_plan_outer ul { display: inline-block; font-size: 16px; list-style: outside none none; position: relative; } .membership_plan_outer ul.wdth1 { width: 40%; } .membership_plan_outer ul.wdth2 { text-align: center; width: 15%; } .icn1 { display: block; font-size: 32px; margin: 0 0 5px; } .icn1 img { display: block; margin: 0 auto; } .membership_plan_outer ul li { border-bottom: 1px solid #fff; display: block; padding: 15px; position: relative; } .membership_plan_outer ul li:last-child{ border-bottom:none; } .membership_plan_outer ul li:first-child { font-family: "latobold"; min-height: 100px; text-transform: uppercase; } .membership_plan_outer ul.wdth1 li { background: #fff none repeat scroll 0 0; border-color: #ddd; } .membership_plan_outer ul.wdth2 li{ border-left: 1px solid #fff; } .membership_plan_outer ul.ul_first { background: #8fc400 none repeat scroll 0 0; color: #fff; } .membership_plan_outer ul.ul_second { background: #4db2c1 none repeat scroll 0 0; color: #fff; width: 30%; } .membership_plan_outer ul.ul_third { background: #404d5f none repeat scroll 0 0; color: #fff; } .icn2 { border: 2px solid #333; border-radius: 100%; display: inline-block; height: 60px; line-height: 54px; margin: 0 10px 0 0; text-align: center; width: 60px; } .membership_plan_outer ul li span{ display:none; } .membership_plan_outer ul li.paid_box { } .dis_none{ display:none; } .membership_plan_outer ul li:nth-child(2) { height: 85px; } .membership_plan_outer ul li strong { font-family: "latobold"; font-size: 20px; font-weight: normal; } .membership_plan_outer ul li strong i { font-size: 19px; } .mbl_hd { font-size: 20px; } /*.membership_plan_outer ul{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .membership_plan_outer ul:hover{ transform:scale(1, 1.02); -moz-transform:scale(1, 1.02); -webkit-transform:scale(1, 1.02); box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.35); }*/ .wdth5, .wdth6 { display: inline-block; width: 49%; }