/*
Template: Onda
category: Hosting
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers
*/
/*
======================================
[ CSS TABLE CONTENT ]
======================================
[Table of contents]
1.feature boxes
2.parallax sections
3.footer styles
4.crossed shapes
======================================
[ END CSS TABLE CONTENT ]
======================================
*/
/*============ Feature boxes ============ */
/* ---------- feature box 1 ---------- */
.ce-feature-box-1{
width:100%;
padding:50px;
float:left;
border:1px solid #38b874;
background-color:#38b874;
transition: all 0.3s ease-out 0s;
}
.ce-feature-box-1 .btn-circle{
width:46px;
height:46px;
color:#fff;
font-size:24px;
line-height:44px;
display:inline-block;
border-radius:100%;
border:1px solid rgba(255, 255, 255, 0.5);
transition: all 0.3s ease-out 0s;
}
/* ---------- hover styles ---------- */
.ce-feature-box-1:hover, .ce-feature-box-1.active{
border:1px solid #38b874;
background-color:#fff;
}
.ce-feature-box-1:hover .title, .ce-feature-box-1.active .title{
color:#38b874;
}
.ce-feature-box-1:hover .small-text, .ce-feature-box-1.active .small-text{
color:#727272;
opacity:1;
}
.ce-feature-box-1:hover .icon, .ce-feature-box-1.active .icon{
color:#38b874;
}
.ce-feature-box-1:hover .btn-circle, .ce-feature-box-1.active .btn-circle{
color:#38b874;
border:1px solid #38b874;
}
/* feature box 2
------------------------------ */
.ce-feature-box-2{
width:100%;
float:left;
}
.ce-feature-box-2 .icon{
color:#38b874;
}
.ce-feature-box-2:hover .title, .ce-feature-box-2.active .title{
color:#38b874;
}
/* feature box 3
------------------------------ */
.ce-feature-box-3-main{
width:99.5%;
float:left;
}
.ce-feature-box-3{
width:100%;
float:left;
padding:70px;
margin-top:4px;
background-color:#38b874;
}
.ce-feature-box-3 .ce-title{
margin-bottom:40px !important;
}
.ce-feature-box-3 .text-sm {
color: #fff;
opacity: 0.6;
}
.ce-feature-box-3 .btn-circle {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 100%;
display: inline-block;
font-size: 24px;
height: 46px;
color:#fff;
margin-top:15px;
line-height: 44px;
transition: all 0.3s ease-out 0s;
width: 46px;
}
/* feature box 4
------------------------------ */
.ce-feature-box-4-main{
width:99.5%;
float:left;
}
.ce-feature-box-4{
width:100%;
float:left;
padding:70px;
margin:80px 0 4px 0;
background-color:#e54b84;
}
.ce-feature-box-4 .ce-title{
margin-bottom:40px !important;
}
.ce-feature-box-4 .text-sm {
color: #fff;
opacity: 0.6;
}
.ce-feature-box-4 .btn-circle {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 100%;
display: inline-block;
font-size: 24px;
height: 46px;
color:#fff;
margin-top:15px;
line-height: 44px;
transition: all 0.3s ease-out 0s;
width: 46px;
}
/* feature box 5
------------------------------ */
.ce-feature-box-5{
position:relative;
width:100%;
min-height:537px;
background-color:#f5f5f5;
}
.ce-feature-box-5 .item-holder{
position: absolute;
width:100%;
float:left;
z-index:2;
}
.ce-feature-box-5 .item-holder .text-box{
width:100%;
float:left;
padding:45px;
min-height:293px;
background-color:#38b874;
}
.ce-feature-box-5 .item-holder .text-box.more-height{
min-height:293px;
}
.ce-feature-box-5 .item-holder .text-box.white{
background-color:#fff;
}
.ce-feature-box-5 .text-sm {
color: #fff;
opacity: 0.6;
}
.ce-feature-box-5 .btn-circle {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 24px;
height: 46px;
line-height: 44px;
margin-top: 5px;
transition: all 0.3s ease-out 0s;
width: 46px;
}
.ce-feature-box-5 .btn-circle.primary {
border: 1px solid #38b874;
color: #38b874;
opacity:0.5;
}
/* feature box 6
------------------------------ */
.ce-feature-box-6{
position:relative;
width:100%;
padding-top:395px;
background-color:#332b7b;
}
/* feature box 7
------------------------------ */
.ce-feature-box-7{
width:100%;
float:left;
}
.ce-feature-box-7 .icon{
color:#fff;
border:1px solid rgba(255, 255, 255, 0.5);
}
/* feature box 8
------------------------------ */
.ce-feature-box-8{
width:100%;
float:left;
}
.ce-feature-box-8 .icon{
color:#38b874;
border:1px solid #e6e6e6;
}
/* feature box 9
------------------------------ */
.ce-feature-box-9-main {
width: 100%;
}
.ce-feature-box-9-main .ce-feature-box-9 {
background-color: #fff;
float: left;
padding: 25px;
width: 100%;
}
.ce-feature-box-9-main .border-box {
border: 2px solid #38b874;
float: left;
left: 20px;
min-height: 500px;
position: absolute;
top: 25px;
width: 96%;
z-index: 1;
}
/* feature box 10
------------------------------ */
.ce-feature-box-10{
position:relative;
width:100%;
min-height:537px;
background-color:#fff;
}
.ce-feature-box-10 .text-box{
position: absolute;
width:100%;
float:left;
padding:90px;
z-index:2;
background-color:#38b874;
}
.ce-feature-box-10 .text-box .client-holder{
width:100%;
float:left;
}
.ce-feature-box-10 .text-box .client-holder .img-circle{
height: 154px;
width: 154px;
overflow:hidden;
border-radius:100%;
padding:9px;
float:left;
background-color:#e54b84;
}
.ce-feature-box-10 .text-box .client-holder .img{
background-color:#ce2e69;
}
/* feature box 11
------------------------------ */
.ce-feature-box-11{
position:relative;
width:100%;
padding-top:100px;
background-color:#332b7b;
}
/* feature box 12
------------------------------ */
.ce-feature-box-12{
width:100%;
float:left;
}
.ce-feature-box-12 .num{
font-size:90px;
}
/* feature box 13
------------------------------ */
.ce-feature-box-13{
position:relative;
width:100%;
}
.ce-feature-box-13 .img-box{
position: absolute;
width:100%;
float:left;
z-index:2;
top:8px;
left:-8px;
}
.ce-feature-box-13 .bottom-box{
position: absolute;
width:100%;
float:left;
z-index:1;
top:18px;
left:0px;
min-height:245px;
background-color:#38b874;
}
.tab-btn-circle {
border: 1px solid #38b874;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 24px;
height: 46px;
text-align:center;
line-height: 44px;
margin-top: 10px;
transition: all 0.3s ease-out 0s;
width: 46px;
}
.tab-btn-circle.primary {
border: 1px solid #38b874;
color: #38b874;
}
/* feature box 14
------------------------------ */
.ce-feature-box-14{
width:100%;
float:left;
padding:0 70px 0 0;
border-right:1px solid #e5e5e5;
}
.ce-feature-box-14.no-border{
border-right:none;
}
.ce-feature-box-14.padd-left{
padding:0 0 0 70px;
}
/* feature box 15
------------------------------ */
.ce-feature-box-15{
position:relative;
width:100%;
}
.ce-feature-box-15 .offer-badge{
position:absolute;
width:130px;
height:130px;
float:left;
line-height:23px;
color:#fff;
font-size:20px;
padding-top:40px;
text-align:center;
border-radius:100%;
background-color:#101010;
}
.ce-feature-box-15 .offer-badge span{
font-size:26px;
font-weight:600;
}
/* feature box 16
------------------------------ */
.ce-feature-box-16{
width:100%;
float:left;
}
.ce-feature-box-16 .text-big{
font-size:80px;
line-height:70px;
}
.ce-sc-icons {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.ce-sc-icons li {
display: inline-block;
margin: 0;
padding: 0;
}
.ce-sc-icons li a {
background-color: #38b874;
color: #fff;
display: inline-block;
float: left;
font-size: 14px;
height: 36px;
line-height: 40px;
margin: 0;
padding: 0;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 36px;
}
.ce-sc-icons li a:hover, .ce-sc-icons li a.active {
color:#38b874;
background-color: #fff;
}
.fo-payment-logo-list {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.footer-payment-logo-list li {
float: left;
margin: 0;
padding: 0 15px 0 0;
}
.fo-payment-logo-list.align-right li {
float: right;
margin: 0;
padding: 0 15px 0 0;
}
.btn.btn-green {
background-color: #7fb603;
color: #fff;
}
.btn.btn-green:hover {
background-color: #6f9f03;
}
.btn.btn-green.big {
padding: 24px 30px;
}
.ce-newsletter-1 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: transparent;
border-color: #1f1f1f;
border-image: none;
border-style: solid;
border-width: 1px 0 1px 1px;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 50px;
line-height: 39px;
padding: 0 7px;
width: 82%;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ce-newsletter-submit-1 {
background-color: #38b874;
border: 1px solid #38b874;
float: left;
height: 50px;
margin: 0;
color:#fff;
padding: 5px 45px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
}
.ce-newsletter-submit-1:hover {
background-color: #101010;
border: 1px solid #101010;
color: #fff;
}
/* feature box 17
------------------------------ */
.ce-feature-box-17 {
float: left;
padding: 0;
width: 100%;
border:1px solid #38b874;
background-color:#38b874;
transition: all 0.3s ease-out 0s;
}
.ce-feature-box-17 .circle {
border-radius: 100%;
height: 95px;
margin: 0 auto;
padding: 20px 0 0;
width: 95px;
color:#fff;
border:1px solid rgba(255, 255, 255, 0.3);
}
.ce-feature-box-17 .circle h4 {
color:#fff;
}
.ce-feature-box-17 .tld {
color: #fff;
}
.ce-feature-box-17 p {
color:#fff;
opacity:0.6;
}
.ce-feature-box-17:hover .text-box .title, .ce-feature-box-17:hover .text-box p, .ce-feature-box-17.active .text-box .title, .ce-feature-box-17.active .text-box p {
color: #101010;
}
.ce-feature-box-17:hover, .ce-feature-box-17.active {
border:1px solid #38b874;
background-color:#fff;
}
.ce-feature-box-17:hover .circle, .ce-feature-box-17.active .circle {
color:#38b874;
border:1px solid rgba(56, 184, 116, 0.9);
}
.ce-feature-box-17:hover .circle h4, .ce-feature-box-17.active .circle h4 {
color:#38b874;
}
.ce-feature-box-17:hover .btn.btn-border.white, .ce-feature-box-17.active .btn.btn-border.white {
color:#38b874;
border:1px solid #38b874;
}
/* feature box 18
------------------------------ */
.ce-feature-box-18 {
float: left;
padding: 0;
width: 100%;
}
.ce-feature-box-18:hover .icon, .ce-feature-box-18.active .icon {
color:#fff;
background-color:#38b874;
}
.ce-feature-box-18:hover .title, .ce-feature-box-18.active .title {
color:#38b874;
}
/* feature box 19
------------------------------ */
.ce-feature-box-19 {
float: left;
padding: 0;
width: 100%;
}
.ce-feature-box-19:hover .icon, .ce-feature-box-19:hover .title,
.ce-feature-box-19.active .icon, .ce-feature-box-19.active .title {
color:#38b874;
}
/* feature box 19
------------------------------ */
.ce-feature-box-20 {
float: left;
width: 100%;
}
.ce-feature-box-20 .client-holder {
float: left;
width: 100%;
}
.ce-feature-box-20 .client-holder .img-circle {
background-color: #38b874;
border-radius: 100%;
float: left;
height: 154px;
overflow: hidden;
padding: 9px;
width: 154px;
}
.ce-feature-box-20 .client-holder .img {
background-color: #fff;
}
/* feature box 21
------------------------------ */
.ce-feature-box-21 {
float: left;
width: 100%;
background-color:#fff;
}
.ce-feature-box-21 .text-box {
float: left;
width: 100%;
padding:50px;
}
.ce-feature-box-21 .text-box .price-box {
float: left;
width: 100%;
padding:25px 0 20px 0;
border-top:1px solid #f1f1f1;
border-bottom:1px solid #f1f1f1;
}
.ce-feature-box-21 .text-box .price-box .big-mid {
font-size:50px;
}
.ce-feature-box-21 .text-box .price-box sup {
top:-25px;
font-size:14px;
}
.ce-feature-box-21 .btn-box {
float: left;
width: 100%;
padding:50px;
background-color:#38b874;
}
/* feature box 22
------------------------------ */
.ce-feature-box-22 {
float: left;
padding: 0;
width: 100%;
}
.ce-feature-box-22 .icon {
border:1px solid #e4e4e4;
}
.ce-feature-box-22:hover .icon, .ce-feature-box-22.active .icon {
color:#fff;
background-color:#38b874;
border:1px solid #38b874;
}
.ce-feature-box-22:hover .title, .ce-feature-box-22.active .title {
color:#38b874;
}
/* feature box 23
------------------------------ */
.ce-feature-box-23 {
border: 1px solid #fff;
float: left;
padding: 18px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-feature-box-23 .inner-box {
background-color: #fff;
float: left;
width: 100%;
}
.ce-feature-box-23 .inner-box .title-line {
background-color: #101010;
float: left;
height: 1px;
margin: 0;
width: 20%;
}
.ce-feature-box-23:hover, .ce-feature-box-23.active {
border: 1px solid #38b874;
}
.ce-feature-box-23:hover .title, .ce-feature-box-23.active .title {
color: #38b874;
}
.ce-feature-box-23:hover .inner-box .title-line, .ce-feature-box-23.active .inner-box .title-line {
background-color: #38b874;
}
/* Team styles
------------------------------ */
.ce-feature-box-24 {
background-color: #fff;
float: left;
padding: 20px;
width: 100%;
}
.ce-feature-box-24 .img-box {
border: 1px solid #38b874;
float: left;
padding: 0;
position: relative;
width: 100%;
}
.ce-feature-box-24 .img-box .icon-box {
background-color: rgba(56, 184, 116, 0.8);
float: left;
height: 86%;
margin: 7% 0 0 7%;
opacity: 0;
padding: 0;
position: absolute;
transition: all 0.3s ease-out 0s;
width: 86%;
z-index: 2;
}
.ce-feature-box-24 .img-box .icon-box .sc-icons {
display: inline-block;
margin-left: 0;
margin-top: 50px;
padding-left: 0;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-feature-box-24 .img-box .icon-box .sc-icons li {
display: inline-block;
padding: 0;
}
.ce-feature-box-24 .img-box .icon-box .sc-icons li a {
background-color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 100%;
color: #101010;
display: inline-block;
height: 40px;
line-height: 37px;
padding: 0;
text-align: center;
width: 40px;
}
.ce-feature-box-24 .img-box .icon-box .sc-icons li a:hover {
background-color: #101010;
border: 1px solid #101010;
color: #fff;
display: inline-block;
}
.ce-feature-box-24:hover .img-box .icon-box, .ce-feature-box-24.active .img-box .icon-box {
opacity: 1;
}
.ce-feature-box-24:hover .img-box .icon-box .sc-icons {
margin-top: 100px;
}
/* team style 2
------------------------------ */
.ce-feature-box-25 {
float: left;
width: 100%;
}
.ce-feature-box-25 .img-box {
float: left;
position: relative;
width: 100%;
}
.ce-feature-box-25 .img-box .text-box {
background-color: #fff;
bottom: 80px;
float: left;
padding: 35px;
position: absolute;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: 3;
}
.ce-feature-box-25 .img-box .text-box .sc-icons-box {
background-color: #38b874;
margin: 0 auto;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
width: 80%;
z-index: 1;
}
.ce-feature-box-25 .img-box .text-box .sc-icons-box .sc-icons {
margin: 0;
padding-left: 0;
text-align: center;
width: 100%;
}
.ce-feature-box-25 .img-box .text-box .sc-icons-box .sc-icons li {
display: inline-block;
}
.ce-feature-box-25 .img-box .text-box .sc-icons-box .sc-icons li a {
color: #fff;
display: inline-block;
padding: 15px 7px;
text-align: center;
}
.ce-feature-box-25:hover .img-box .text-box .sc-icons-box {
opacity: 1;
top: -53px;
}
/* feature box 26
------------------------------ */
.ce-feature-box-26 {
float: left;
width: 100%;
padding:20px;
background-color:#fff;
}
/* feature box 30
------------------------------ */
.ce-feature-box-30 {
position: relative;
width: 100%;
}
.ce-feature-box-30 .offerbadge {
background-color: #101010;
border-radius: 100%;
color: #727272;
float: left;
font-size: 18px;
height: 145px;
margin: 0;
padding: 30px 0 0;
position: absolute;
right: 31px;
text-align: center;
top: -20px;
width: 150px;
}
.ce-feature-box-30 .offerbadge span {
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin-top: 5px;
padding: 0 0 5px;
text-align: center;
}
/* feature box 31
------------------------------ */
.ce-feature-box-31 {
float: left;
width: 100%;
}
.ce-feature-box-31:hover .title, .ce-feature-box-31:hover .icon, .ce-feature-box-31.active .title, .ce-feature-box-31.active .icon {
color: #38b874;
}
/* feature box 32
------------------------------ */
.ce-feature-box-32 {
float: left;
width: 100%;
}
.ce-feature-box-32 .client-holder {
float: left;
width: 100%;
}
.ce-feature-box-32 .client-holder .img-circle {
background-color: #101010;
border-radius: 100%;
float: left;
height: 154px;
overflow: hidden;
padding: 9px;
width: 154px;
}
.ce-feature-box-32 .client-holder .img {
background-color: #fff;
}
/* feature box 33
------------------------------ */
.ce-feature-box-33 {
float: left;
width: 100%;
}
.ce-feature-box-33 .title-line {
background-color: #101010;
float: left;
height: 1px;
margin: 8px 0 0;
transition: all 0.3s ease-out 0s;
width: 10%;
}
.ce-feature-box-33:hover .title-line {
background-color: #38b874;
}
.ce-feature-box-33 .icon {
color: #38b874;
}
.ce-feature-box-33:hover .icon, .ce-feature-box-33:hover .title {
color: #38b874;
}
.ce-feature-box-33.active .icon, .ce-feature-box-33.active .title {
color: #38b874;
}
/* feature box 34
------------------------------ */
.ce-feature-box-34 {
float: left;
padding: 0;
width: 100%;
}
.ce-feature-box-34 .icon {
background-color: transparent;
color: #fff;
border:1px solid rgba(255, 255, 255, 0.2);
}
.ce-feature-box-34:hover .icon, .ce-feature-box-34.active .icon {
background-color: #101010;
color: #fff;
border:1px solid #101010;
}
.ce-feature-box-34:hover .title, .ce-feature-box-34.active .title {
color: #101010;
}
/* feature box 35
------------------------------ */
.ce-feature-box-35 {
background-color: #f5f5f5;
float: left;
padding: 20px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-feature-box-35 .inner-box {
float: left;
padding: 40px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-feature-box-35:hover, .ce-feature-box-35.active {
background-color: #38b874;
}
.ce-feature-box-35:hover .inner-box .title, .ce-feature-box-35.active .inner-box .title {
color: #fff;
}
.ce-feature-box-35:hover p {
color: #fff;
}
/* feature box 36
------------------------------ */
.ce-feature-box-36 {
float: left;
width: 100%;
}
.ce-feature-box-36 .icon {
color:#fff;
border:1px solid rgba(255, 255, 255, 0.4);
}
/* feature box 37
------------------------------ */
.ce-feature-box-37 {
float: left;
width: 100%;
padding:80px;
}
/* domain pricing
------------------------------ */
.domain-pricing-table-holder {
background-color: #fff;
float: left;
margin: 0;
padding: 20px;
width: 100%;
}
.table-style-2 {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.table-style-2 table {
border-collapse: collapse;
width: 100%;
}
.table-style-2 tr:nth-of-type(2n+1) {
background: #f5f5f5 none repeat scroll 0 0;
}
.table-style-2 tr:nth-of-type(2n) {
background: #fff none repeat scroll 0 0;
}
.table-style-2 th {
background: #fff none repeat scroll 0 0;
color: #38b874;
font-weight: bold;
}
.table-style-2 td, th {
border: medium none;
color: #101010;
padding: 30px;
text-align: center;
}
.pagenation-holder {
border-bottom: 1px solid #e9e9e9;
float: left;
margin: 0;
padding: 25px 0 10px;
width: 100%;
}
/* domain pricing 2
------------------------------ */
.domain-pricing-table-holder-2 {
background-color: #fff;
float: left;
margin: 0;
padding: 20px;
width: 100%;
border:1px solid #e9e9e9;
}
.table-style-3 {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.table-style-3 table {
border-collapse: collapse;
width: 100%;
}
.table-style-3 tr:nth-of-type(2n+1) {
background: #fff none repeat scroll 0 0;
}
.table-style-3 tr:nth-of-type(2n) {
background: #f2f2f2 none repeat scroll 0 0;
}
.table-style-3 th {
background: #38b874 none repeat scroll 0 0;
color: #fff;
font-weight: bold;
}
.table-style-3 td, th {
border: medium none;
color: #101010;
padding: 30px;
text-align: center;
}
.pagenation-holder {
border-bottom: 1px solid #e9e9e9;
float: left;
margin: 0;
padding: 25px 0 10px;
width: 100%;
}
/*========= input for search whois ===========*/
#domain-search-holder {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#domain-search-holder#less-margin {
margin: 0 0 50px;
}
#domain-search-holder #dsearch {
background-color: #fff;
border: 1px solid #e4e4e4;
color: #727272;
float: left;
font-size: 18px;
height: 80px;
padding: 7px 10px;
width: 74%;
}
#domain-search-holder.two #dsearch {
width: 90%;
}
#domain-search-holder .drlist {
background-color: #fff;
border: 1px solid #e4e4e4;
color: #242424;
font-size: 18px;
font-weight: normal;
height: 80px;
margin: 0 0 0 -5px;
padding: 10px;
width: 102px;
}
#domain-search-holder #searchsubmit {
background-color: #38b874;
border: medium none;
color: #ffffff;
cursor: pointer;
font-size: 18px;
font-weight: normal;
height: 77px;
margin-left: 0;
overflow: hidden;
padding: 4px 25px;
text-align: center;
transition: all 0.3s ease-out 0s;
}
#domain-search-holder #searchsubmit:hover {
background-color: #242424;
color: #fff;
}
#domain-search-holder ul.tld_list {
float: left;
margin: 0;
padding: 10px 0 0;
width: 100%;
}
#domain-search-holder ul.tld_list li {
color: #161616;
display: inline;
font-family: "Roboto",sans-serif;
font-size: 26px;
margin: 0;
padding: 0 20px 0 0;
}
#domain-search-holder ul.tld_list li.title {
color: #fff;
font-family: "Roboto",sans-serif;
font-size: 20px;
margin: 0;
padding: 0 20px 0 0;
}
#domain-search-holder ul.tld_list li span {
color: #fff;
font-size: 18px;
margin: 0;
padding: 0;
}
/*========= Pricing tables ===========*/
.ce-pricing-overlay-top{
position:relative;
width:100%;
min-height:648px;
background-color: rgba(245, 245, 245, 0.9);
}
.ce-pricing-overlay-bottom{
position:relative;
width:100%;
min-height:315px;
background-color: rgba(68, 59, 151, 0.9);
}
.ce-pricing-overlay-bottom .dark-overlay{
position:absolute;
width:100%;
height:100%;
float:left;
z-index:2;
background-color: rgba(51, 43, 123, 0.8);
}
.ce-price-table-1 {
position:absolute;
background-color: #fff;
float: left;
transition: all 0.3s ease-out 0s;
width: 90%;
z-index:3;
}
.ce-price-table-1 .inner-box {
float: left;
padding: 40px;
width: 100%;
}
.ce-price-table-1 .bottom-box {
background-color: #38b874;
float: left;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-price-table-1 .bottom-box .inner-box {
background-color: rgba(229, 75, 132, 0);
float: left;
padding: 60px 0;
width: 100%;
}
.ce-price-table-1 .bottom-box a.btn-border {
border:1px solid rgba(255, 255, 255, 0.4);
}
.ce-price-table-1 .price-circle {
margin: 20px auto 0 auto;
transition: all 0.3s ease-out 0s;
width: 120px;
height:120px;
padding:30px 0 0 0;
border-radius:100%;
border:1px solid #38b874;
}
.ce-price-table-1 .price-circle .price {
color: #38b874;
font-size: 28px;
font-weight: 600;
padding: 8px 0 0;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-1 .price-circle i {
font-size: 14px;
font-style: normal;
font-weight: 500;
color: #38b874;
}
.ce-price-table-1 .price-circle .price sup {
font-size: 18px;
font-style: normal;
}
.ce-price-table-1 ul.plan_features {
float: left;
padding: 0;
text-align: center;
width: 100%;
}
.ce-price-table-1 ul.plan_features li {
border-bottom: 1px solid rgba(236, 237, 238, 1);
padding: 10px 0;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-1 ul.plan_features li:last-child {
border-bottom: none;
}
.ce-price-table-1.no-position {
position: static;
width: 100%;
}
/* hover styles
------------------------------ */
.ce-price-table-1:hover, .ce-price-table-1.active {
background-color: #101010;
}
.ce-price-table-1:hover .title, .ce-price-table-1.active .title {
color: #fff;
}
.ce-price-table-1:hover .price-circle .price, .ce-price-table-1.active .price-circle .price {
color: #38b874;
}
.ce-price-table-1:hover .price-circle i, .ce-price-table-1.active .price-circle i {
color: #38b874;
}
.ce-price-table-1:hover ul.plan_features li, .ce-price-table-1.active ul.plan_features li {
color:#727272;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ce-price-table-1:hover ul.plan_features li:last-child, .ce-price-table-1.active ul.plan_features li:last-child {
border-bottom: none;
}
.ce-price-table-1:hover .bottom-box, .ce-price-table-1.active .bottom-box {
background-color: #ce2e69;
}
/* price table 2
------------------------------ */
.ce-price-table-2 {
background-color: #38b874;
float: left;
padding: 40px 20px;
position: relative;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-price-table-2.border-right {
border-right: 1px solid #393939;
}
.ce-price-table-2 .price-circle {
background-color: #38b874;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 100%;
height: 125px;
margin: 0 auto;
width: 125px;
}
.ce-price-table-2 .price-circle .price {
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 20px;
padding: 45px 0;
text-align: center;
}
.ce-price-table-2 .price-circle .price sup {
font-size: 22px;
font-style: normal;
}
.ce-price-table-2 .price-circle .price i {
font-size: 16px;
font-style: normal;
font-weight: 500;
}
.ce-price-table-2 .title {
color: #fff;
padding: 0;
width: 100%;
}
.ce-price-table-2 .features-list {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.ce-price-table-2 .features-list li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
float: left;
margin: 0;
padding: 10px 0;
width: 100%;
}
.ce-price-table-2 .features-list li:last-child {
border-bottom: medium none;
}
.ce-price-table-2.active .price-circle {
background-color: #101010;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ce-price-table-2.active .price-circle .price {
color: #38b874;
}
.ce-price-table-2.active {
background-color: #101010;
}
.ce-price-table-2.active .features-list li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.ce-price-table-2.active .features-list li:last-child {
border-bottom: medium none;
}
.ce-price-table-2.active .btn.btn-green-4 {
background-color: #fff;
color: #242424;
}
.ce-price-table-2.border-right {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
/* price table 3
------------------------------ */
.ce-price-table-3 {
margin: 0;
padding: 0;
width: 100%;
}
.ce-price-table-3 th {
margin: 0;
padding: 0;
width: 25%;
}
.ce-price-table-3 th .title-header {
background-color: #38b874;
color: #fff;
float: left;
font-size: 28px;
font-weight: 600;
padding: 20px;
text-align: center;
width: 100%;
}
.ce-price-table-3 th .title-header.active {
background-color: #101010;
}
.ce-price-table-3 .table > thead > tr > th {
border: medium none;
padding: 0;
}
.ce-price-table-3 .table > tbody > tr > td {
padding: 20px;
}
.ce-price-table-3 .table > thead > tr > th {
vertical-align: middle;
}
.ce-price-table-3 th .price {
color: #fff;
font: bold 36px/45px "Open Sans",sans-serif;
padding: 8px 0;
text-align: center;
}
.ce-price-table-3 tr td i {
color: #89be21;
font-size: 18px;
}
.ce-price-table-3 tr td.red i {
color: #ff2f16;
}
.ce-price-table-3 th .price sup {
font-size: 22px;
font-style: normal;
}
.ce-price-table-3 th .price i {
font-size: 16px;
font-style: normal;
font-weight: 500;
}
.ce-price-table-3 tr:nth-child(2n) {
color:#fff;
background: #38b874 none repeat scroll 0 0;
}
.ce-price-table-3 tr:nth-child(2n+1) {
background: #f5f5f5 none repeat scroll 0 0;
}
.ce-price-table-3 th .title-header.first {
border: medium none;
margin-top: 69px;
}
.ce-price-table-3 .table-bordered {
border: medium none;
}
.ce-price-table-3 .table-bordered th .title-header.first {
border-right: 1px solid #f1f1f1;
}
.ce-price-table-3 a.btn2 {
margin-top: 20px;
}
/* price table 4
------------------------------ */
.ce-price-table-4 {
background-color: #f5f5f5;
float: left;
padding: 20px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-price-table-4 .inner-box {
float: left;
padding: 40px;
width: 100%;
}
.ce-price-table-4 .inner-box .price-circle {
background-color: #fff;
border-radius: 100%;
height: 130px;
margin: 0 auto;
padding: 38px 0 0;
transition: all 0.3s ease-out 0s;
width: 130px;
}
.ce-price-table-4 .inner-box .price-circle .price {
color: #242424;
font-size: 28px;
font-weight: 700;
padding: 8px 0 0;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-4 .inner-box .price-circle .price i {
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.ce-price-table-4 .inner-box .price-circle .price sup {
font-size: 18px;
font-style: normal;
}
.ce-price-table-4 ul.plan_features {
float: left;
margin: 0 0 50px;
padding: 0;
text-align: center;
width: 100%;
}
.ce-price-table-4 ul.plan_features li {
border-bottom: 1px solid #e9e9e9;
padding: 15px 0;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-4 ul.plan_features li:last-child {
border-bottom: medium none;
}
.ce-price-table-4:hover, .ce-price-table-4.active {
background-color: #38b874;
}
.ce-price-table-4:hover ul.plan_features li, .ce-price-table-4.active ul.plan_features li {
color:#fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ce-price-table-4:hover ul.plan_features li:last-child, .ce-price-table-4.active ul.plan_features li:last-child {
border-bottom: medium none;
}
.ce-price-table-4:hover a.btn.btn-dark-3, .ce-price-table-4.active a.btn.btn-dark-3 {
background-color: #101010;
color: #fff;
}
.ce-price-table-4:hover .title, .ce-price-table-4.active .title {
color: #fff;
}
.ce-price-table-4:hover .inner-box .price-circle .price, .ce-price-table-4.active .inner-box .price-circle .price {
color: #101010;
}
.ce-price-table-4:hover .inner-box .price-circle, .ce-price-table-4.active .inner-box .price-circle {
color: #101010;
}
/* price table 5
------------------------------ */
.ce-price-table-5 {
background-color: #fff;
float: left;
padding: 20px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-price-table-5 .inner-box {
border: 1px solid #38b874;
float: left;
padding: 40px;
width: 100%;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-5 .inner-box .price-circle {
background-color: #fff;
border: 3px solid #f5f5f5;
border-radius: 100%;
height: 130px;
margin: 0 auto;
padding: 38px 0 0;
transition: all 0.3s ease-out 0s;
width: 130px;
}
.ce-price-table-5 .inner-box .price-circle .price {
color: #242424;
font-size: 28px;
font-weight: 700;
padding: 8px 0 0;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-5 .inner-box .price-circle .price i {
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.ce-price-table-5 .inner-box .price-circle .price sup {
font-size: 18px;
font-style: normal;
}
.ce-price-table-5 ul.plan_features {
float: left;
margin: 0 0 50px;
padding: 0;
text-align: center;
width: 100%;
}
.ce-price-table-5 ul.plan_features li {
border-bottom: 1px solid #e9e9e9;
padding: 15px 0;
transition: all 0.3s ease-out 0s;
}
.ce-price-table-5 ul.plan_features li:last-child {
border-bottom: medium none;
}
.ce-price-table-5:hover .inner-box, .ce-price-table-5.active .inner-box {
border: 1px solid #38b874;
background-color:#38b874;
}
.ce-price-table-5:hover .inner-box .price-circle, .ce-price-table-5.active .inner-box .price-circle {
border: 3px solid #38b874;
}
.ce-price-table-5:hover .inner-box .price-circle .price, .ce-price-table-5.active .inner-box .price-circle .price {
color: #38b874;
}
.ce-price-table-5:hover .inner-box .price-circle, .ce-price-table-5.active .inner-box .price-circle {
color: #38b874;
}
.ce-price-table-5:hover .inner-box .btn.btn-dark-3, .ce-price-table-5.active .inner-box .btn.btn-dark-3 {
background-color: #38b874;
color: #fff;
}
.ce-price-table-5:hover .title, .ce-price-table-5.active .title {
color: #fff;
}
.ce-price-table-5:hover ul.plan_features li, .ce-price-table-5.active ul.plan_features li {
color:#fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.ce-price-table-5:hover ul.plan_features li:last-child, .ce-price-table-5.active ul.plan_features li:last-child {
border-bottom: medium none;
}
/*========= theme layout styles ===========*/
.ce-title{
padding:0px;
margin:0px;
}
.ce-title span{
padding:0 5px;
}
.ce-sub-title{
color:#38b874;
margin-top:0;
}
.ce-sub-title.white{
color:#fff;
}
/*============ domain search ============ */
.domain-search-home-3 {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.domain-search-home-3 #domain-searchform #dsearch {
background-color: transparent;
border: 1px solid #e4e4e4;
color: #727272;
float: left;
font-size: 15px;
height: 70px;
padding: 7px 10px;
width: 60%;
}
.domain-search-home-3 .drlist {
background-color: transparent;
border: 1px solid #e4e4e4;
color: #272727;
float: left;
font-size: 16px;
height: 70px;
margin: 0 0 0 -5px;
padding: 10px;
width: 102px;
}
.domain-search-home-3 #search-submit {
background-color: #38b874;
border: medium none;
color: #fff;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: normal;
height: 70px;
margin-left: 0;
overflow: hidden;
padding: 5px 55px;
text-align: center;
text-transform:uppercase;
transition: all 0.3s ease-out 0s;
}
.domain-search-home-3 #search-submit:hover {
background-color: #101010;
color: #fff;
}
.domain-search-home-4 #domain-searchform #dsearch {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
float: left;
font-size: 15px;
height: 70px;
padding: 7px 10px;
width: 60%;
}
.domain-search-home-4 .drlist {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
float: left;
font-size: 16px;
height: 70px;
margin: 0 0 0 -5px;
padding: 10px;
width: 102px;
}
.domain-search-home-4 #search-submit {
background-color: #fff;
border: medium none;
color: #101010;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: normal;
height: 70px;
margin-left: 0;
overflow: hidden;
padding: 5px 55px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
}
.domain-search-home-4 #search-submit:hover {
background-color: #101010;
color: #fff;
}
ul.tld-list {
margin: 0;
padding: 0;
width: 100%;
}
.tld-list li {
border-right: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
display: inline;
float: left;
margin: 0;
padding: 0 20px;
text-align: left;
}
.tld-list li:last-child {
border-right: medium none;
}
.tld-list li span {
display: block;
font-size: 26px;
font-weight: 400;
padding-bottom: 5px;
}
.tld-list li span.price {
font-size: 18px;
font-weight: normal;
}
.tld-list.dark li {
border-right: 1px solid #e4e4e4;
color: #242424;
display: inline;
float: left;
margin: 0;
padding: 0 20px;
text-align: left;
}
.tld-list.dark li:last-child {
border-right:none;
}
.tld-list.dark li.title {
padding: 20px 10px 0 0;
}
.domain-search-home-2 {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.domain-search-home-2 #domain-searchform #dsearch {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
float: left;
font-size: 15px;
height: 70px;
padding: 7px 10px;
width: 76%;
}
.domain-search-home-2.bg-white #domain-searchform #dsearch {
background-color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #727272;
float: left;
font-size: 15px;
height: 70px;
padding: 7px 10px;
width: 76%;
}
.domain-search-home-2 .drlist {
background-color: #fff;
border: 1px solid #fff;
color: #272727;
float: left;
font-size: 16px;
height: 70px;
margin: 0 0 0 -5px;
padding: 10px;
width: 102px;
}
.domain-search-home-2 #search-submit {
background-color: #38b874;
border: medium none;
color: #fff;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: normal;
height: 70px;
margin-left: 0;
overflow: hidden;
padding: 5px 60px;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.domain-search-home-2.white-btn #search-submit {
background-color: #fff;
color: #101010;
}
.domain-search-home-2 #search-submit:hover {
background-color: #fff;
color: #101010;
}
.iconbox-dxlarge.color-secondary, .iconbox-xlarge.color-secondary, .iconbox-large.color-secondary, .iconbox-xmedium.color-secondary, .iconbox-medium.color-secondary, .iconbox-smedium.color-secondary, .iconbox-small.color-secondary, .iconbox-tiny.color-secondary, .iconbox-xtiny.color-secondary {
background-color: #e54b84;
color:#fff;
}
.personal-info {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.personal-info li {
color: #38b874;
padding-bottom: 8px;
}
.personal-info li i {
margin-right: 10px;
}
.percent {
height: 200px;
margin: 0 auto;
width: 200px;
}
.percent-2 {
height: 200px;
margin: 0 auto;
width: 200px;
}
/*============ Parallax Sections ============ */
.parallax-1 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
.parallax-2 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
.parallax-3 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
.parallax-4 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
.parallax-5 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
.parallax-6 {
background: rgba(0, 0, 0, 0) url("http://placehold.it/2000x1300") no-repeat fixed 50% 0;
}
/*============ page sidebar ============ */
.pages-sidebar-item {
float: left;
margin-bottom: 60px;
width: 100%;
}
.pages-sidebar-item .social-links {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.pages-sidebar-item .social-links li {
float: left;
margin: 0;
padding: 0;
}
.pages-sidebar-item .social-links li a {
color: #101010;
float: left;
padding: 0 20px 0 0;
}
.pages-sidebar-item .social-links li a:hover {
color: #ecae3d;
}
.pages-newsletter {
border: 1px solid #e4e4e4;
float: left;
height: 45px;
padding: 10px;
width: 100%;
}
.pages-sidebar-item-title {
font-size: 20px;
margin-bottom: 25px;
}
.pages-sidebar-links {
float: left;
padding: 0;
width: 100%;
}
.pages-sidebar-links li {
border-bottom: 1px solid #ececec;
float: left;
width: 100%;
}
.pages-sidebar-links li a {
float: left;
padding: 10px 0;
width: 100%;
}
.pages-sidebar-links li a:hover, .pages-sidebar-links li a.active {
color: #38b874;
}
.pages-sidebar-links li:last-child {
border-bottom: medium none;
}
.pages-tags {
margin: 0;
padding: 0;
}
.pages-tags li {
margin: 0;
padding: 0;
}
.pages-tags li a {
background-color: #fff;
border: 1px solid #e9e9e9;
color: #727272;
float: left;
margin: 0 10px 10px 0;
padding: 5px 15px;
}
.pages-tags li a:hover, .pages-tags li a.active {
background-color: #38b874;
color: #fff;
}
/*============ blog pages ============ */
.ce-blog-holder-1 {
width: 100%;
float:left;
}
.ce-blog-holder-1 .blog-img {
position: relative;
float: left;
width: 100%;
z-index:1;
}
.ce-blog-holder-1 .blog-img .overlay {
position: absolute;
text-align: center;
z-index: 2;
float:left;
width:100%;
height:100%;
padding:0px;
margin:0px;
}
.ce-blog-holder-1 .post-date-box {
top:30px;
left:30px;
}
.ce-blog-holder-1 .post-date-box.two {
background-color: #fff;
color: #242424;
top: 130px;
}
.ce-blog-holder-1 .post-date-box.two span {
color: #242424;
}
.blog-pagenation {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.blog-pagenation li {
display: inline;
margin: 0;
padding: 0;
}
.blog-pagenation li a {
border: 1px solid #e4e4e4;
color: #242424;
display: inline-block;
height: 40px;
line-height: 40px;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
width: 40px;
}
.blog-pagenation li a:hover, .blog-pagenation li a.active {
background-color: #38b874;
border: 1px solid #38b874;
color: #fff;
}
.bg-cinput {
background-color: #fff;
border: 1px solid #e9e9e9;
color: #101010;
float: left;
height: 45px;
margin-bottom: 15px;
padding: 8px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.bg-ctexteria {
background-color: #fff;
border: 1px solid #e9e9e9;
color: #101010;
float: left;
height: 160px;
margin-bottom: 15px;
padding: 8px;
transition: all 0.3s ease-out 0s;
width: 100%;
}
/*============ Shop ============ */
.ce-feature-box-27 {
background-color: #38b874;
float: left;
min-height: 492px;
padding: 70px 50px 50px;
width: 100%;
}
.ce-feature-box-28 {
background-color: #38b874;
float: left;
padding: 20px;
width: 100%;
}
.ce-feature-box-29 {
float: left;
width: 100%;
}
.ce-feature-box-29 .img-box {
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
.ce-feature-box-29 .img-box .badge {
background-color: #38b874;
border-radius: 100%;
color: #fff;
float: left;
font-size: 10px;
font-weight: normal;
height: 34px;
left: 30px;
line-height: 30px;
position: absolute;
text-transform: uppercase;
top: 30px;
width: 34px;
}
.ce-feature-box-29 .img-box a.view-btn {
background-color: rgba(56, 184, 116, 0.9);
bottom: -60px;
color: #fff;
left: 0;
padding: 15px 0;
position: absolute;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.ce-feature-box-29 .btn.btn-border.light {
border: 2px solid #f5f5f5;
}
.ce-feature-box-29:hover .img-box .view-btn, .ce-feature-box-29.active .img-box .view-btn {
bottom: 0;
}
.ce-feature-box-29:hover .btn.btn-border.light, .ce-feature-box-29.active .btn.btn-border.light {
background-color: #101010;
border: 2px solid #101010;
color: #727272;
}
.sp-feature-box-4 input {
background-color: #fff;
border: 1px solid #fff;
float: left;
height: 60px;
padding: 15px;
width: 85%;
}
.sp-feature-box-4 .submit-btn {
background-color: #101010;
border: 1px solid #101010;
color: #fff;
float: left;
height: 60px;
padding: 0;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
width: 15%;
}
.sp-feature-box-4 .submit-btn:hover {
background-color: #101010;
border: 1px solid #101010;
color: #fff;
}
.google-map {
border: 1px solid #d9d9d9;
height: 300px;
padding: 20px;
width: 100%;
}
.google-map.two {
border: medium none;
height: 350px;
padding: 0;
width: 100%;
}
/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
.domain-search-home-3 #domain-searchform #dsearch {
width: 51%;
}
.ce-ce-feature-box-30-main .border-box {
min-height: 410px;
}
.ce-feature-box-13 .bottom-box {
min-height: 195px;
}
.ce-newsletter-1 {
width: 78%;
}
.domain-search-home-2.bg-white #domain-searchform #dsearch {
width: 70%;
}
}
/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
.container{
width:94%;
}
.domain-search-home-3 #domain-searchform #dsearch {
width: 70%;
}
.ce-price-table-1 {
position: static;
}
.ce-feature-box-5 .item-holder {
position: static;
}
.ce-feature-box-6 {
padding-top: 80px;
}
.ce-ce-feature-box-30-main .ce-ce-feature-box-30 {
position: static;
}
.ce-ce-feature-box-30-main .border-box {
display:none;
}
.ce-feature-box-10 {
min-height: 725px;
}
.ce-feature-box-13 .img-box {
position: static;
}
.ce-feature-box-13 .bottom-box {
display:none;
}
.ce-feature-box-10 .text-box {
position: static;
}
.ce-feature-box-11 {
padding-top: 0;
}
.table-style-2 table, thead, tbody, th, td, tr {
display: block;
}
.table-style-2 td {
border: none;
position: relative;
padding-left: 50%;
}
.table-style-2 td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }
.ce-feature-box-37 {
padding: 0;
}
}
/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {
.domain-search-home-3 #domain-searchform #dsearch {
width: 63%;
}
.ce-pricing-overlay-bottom {
display:none;
}
.domain-search-home-2.bg-white #domain-searchform #dsearch {
width: 62%;
}
.table-style-2 table, thead, tbody, th, td, tr {
display: block;
}
.table-style-2 td {
border: none;
position: relative;
padding-left: 50%;
}
.table-style-2 td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }
}
/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {
.domain-search-home-3 #domain-searchform #dsearch {
width: 61%;
}
.ce-feature-box-14.padd-left {
padding: 0;
}
.domain-search-home-2.bg-white #domain-searchform #dsearch {
width: 60%;
}
.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }
#domain-search-holder .drlist {
float:left;
}
#domain-search-holder #dsearch {
height: 80px;
width: 60%;
}
}
/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) {
.domain-search-home-3 #search-submit {
padding: 5px 35px;
}
.ce-newsletter-1 {
width: 73%;
}
.domain-search-home-2 #search-submit {
padding: 5px 194px;
}
.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }
.ce-price-table-3 th .title-header {
font-size: 15px;
}
.ce-price-table-3 th .price {
font: bold 25px "Open Sans",sans-serif;
}
}
@media screen and (max-width: 480px) {
.domain-search-home-3 #search-submit {
padding: 5px 151px;
}
.ce-feature-box-10 .text-box .client-holder .text-box-right {
float: left;
padding: 15px 0 0 0;
width: 100%;
}
.ce-newsletter-1 {
width: 100%;
}
.ce-newsletter-submit-1 {
width:100%;
}
.domain-search-home-2 #search-submit {
padding: 5px 150px;
}
.ce-blog-holder-1 .post-date-box {
width:70px;
height:70px;
padding: 12px 0 0;
left: 0;
top: 0;
}
.ce-blog-holder-1 .post-date-box.two {
top: 75px;
}
.domain-search-home-2 #search-submit {
padding: 5px 0;
margin-top:5px;
width:100%;
}
.domain-search-home-2 #domain-searchform #dsearch {
width: 100%;
}
.domain-search-home-2 .drlist {
width: 100%;
}
}
/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
.domain-search-home-3 #search-submit {
padding: 5px 116px;
}
.ce-feature-box-6 {
padding-top: 40px;
}
.ce-feature-box-10 .text-box {
padding: 83px;
}
.ce-feature-box-16 .text-big {
font-size: 50px;
line-height: 45px;
}
.ce-feature-box-15 .offer-badge {
font-size: 14px;
line-height: 17px;
padding-top: 20px;
width:80px;
height:80px;
}
.ce-feature-box-14 {
border-right: none;
padding: 0 0 0 0;
}
.ce-feature-box-15 .offer-badge span {
font-size: 18px;
}
.ce-newsletter-submit-1 {
width:100%;
}
.domain-search-home-2 #search-submit {
padding: 5px 116px;
}
.ce-feature-box-32 .text-box-right.more-padding-5 {
padding: 0;
}
.ce-blog-holder-1 .post-date-box {
width:70px;
height:50px;
padding: 6px 0 0;
left: 0;
font-size: 12px;
line-height: 13px;
top: 0;
}
.ce-blog-holder-1 .post-date-box.two {
top: 52px;
}
.post-date-box span {
font-size: 12px;
}
.ce-price-table-3 th .title-header {
font-size: 12px;
}
.ce-price-table-3 th .price {
font: bold 17px "Open Sans",sans-serif;
}
.ce-feature-box-20 .text-box-right.more-padding-5 {
padding: 0;
}
}
/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
.ce-newsletter-submit-1 {
width:100%;
}
.domain-search-home-3 #search-submit {
padding: 5px 105px;
}
.ce-feature-box-10 .text-box .client-holder .img-circle {
height: 130px;
width: 130px;
}
.ce-feature-box-10 .text-box .client-holder .img-circle .imgbox-xlarge {
height: 110px;
width: 110px;
}
.ce-feature-box-10 .text-box {
padding: 75px;
}
.domain-search-home-2 #search-submit {
padding: 5px 40px;
}
}