/* WHMCS Styles Web // CAS */ body { background: #fff url(//cdn.cascompany.net/web/images/back/hex_main.jpg) fixed; color: #5a5a5a; font-family: 'Roboto', Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative; webkit-font-smoothing: antialiased;} .row { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 1280px; width: 100%; } /* .row.full-width { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 100%; width: 100%; } .row.no-gutter { margin:0 auto;} .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; } .center-block { float: none; } a { color: #3F51B5; outline: 0; text-decoration: none; } a:hover, a:active, a:focus { outline: 0; text-decoration: none; color:#0098DA; } code { background: #f5f2f0; border: 0; border-radius: 6px; color: #303038; display: block; font-family: consolas, monaco, 'andale mono', monospace; font-weight: normal; line-height: 1.3; margin: 8px 0; padding: 12px; text-shadow: 0 1px white; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle;} .center-block { float: none; } .spacing-75 {padding-top:75px;} .spacing-50 {padding-top:50px;} .spacing-25 {padding-top:25px;} .alignright {float:right; padding-left:35px;} .alignleft {float:left; padding-right:35px;} */ section#text { font-family: inherit; font-size: 17px; line-height: 1.5; font-weight: 300; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #ff4081 !important; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { border-color: #ff4081 !important; } /* ============ 2 = Header ============ */ /* Top Bar ---------------------- */ .topmenu { width: 100%; padding:5px 0; border:0; margin:0; background: #222b34; } ul.top { list-style: none; margin:0; padding:5px 0;border:none;color: #90a4ae;} ul.top li { float:left; display:inline; margin-right:27px; padding-top:4px; font-size:11px;} ul.top li i { margin-right:5px;} ul.top li:last-child { margin-right:0; } ul.top li a {color: #90a4ae; display:block} ul.top li a:hover, ul.top li a:focus {color: #FFF; text-decoration: none; outline:0;} ul.topright { list-style: none; margin:0; padding:5px 0;border:none;color: #90a4ae; float:right;} ul.topright li { float:left; display:inline; margin-right:27px; padding-top:4px; font-size:11px; } ul.topright li i { margin-right:5px;} ul.topright li:last-child { margin-right:0; } ul.topright li a {color: #90a4ae; display:block} ul.topright li a:hover, ul.topright li a:focus {color: #FFF; text-decoration: none; outline:0;} /* Header ------------------------ */ .header{ width: 100%; padding:0; border:0; margin:0;background: #0098DA; box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;} .logo img { min-width:220px; width:220px; padding-top: 5px;} /* Navigation ---------------------- */ nav#desktop-menu { padding: 0; float:right; text-align: left; } .f-nav{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%; } .fadeindown { -webkit-animation-duration: .45s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -webkit-animation-name: fadeInDown; -moz-animation-duration: .45s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -moz-animation-name: fadeInDown; animation-duration: .45s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeInDown;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;} .sf-menu li { position: relative;} .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99;} .sf-menu > li { float: left;} .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;} .sf-menu a { display: block; position: relative;} .sf-menu ul ul { top: 0; left: 100%;} /*** SKIN ***/ .sf-menu { float: left; margin: 0;} .sf-menu ul { min-width: 12em; *width: 12em; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);} /* 1st level */ .sf-menu li { white-space: nowrap; *white-space: normal;} .sf-menu li a { color: #fff; font-weight: 300; padding:25px; font-size: 14px; letter-spacing: 0px; /** text-transform: uppercase; **/ transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;} .sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a { color: #fff; background:#33B4F4; } .sf-menu li:last-child ul { left: auto; right: 0%; } /* 2nd level */ .sf-menu ul li, .sf-menu li.current ul li{background:#fff!important; } .sf-menu ul li a {border-bottom: 0; background:#fff!important; font-size: 12px; padding: 16px 20px; color: #424242!important;} .sf-menu ul li:hover a, .sf-menu ul li.sfHover a { background: #E0E0E0!important; color: #6f6f6f; -webkit-transition: none; transition: none;} /* 3rd level */ .sf-menu ul li.sfHover li a {background:#fff!important; } .sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a { background: #E0E0E0!important; color: #424242!important; -webkit-transition: none; transition: none;} /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #fff; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #fff; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #6f6f6f; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #6f6f6f;} .slicknav_menu { display:none;} /* ============ 3 = Home Page ============ */ section#main-body.main-homepage { padding: 0px; margin: 0px; float: left; } section#main-body.main-homepage > .row { max-width: 100%; } section#main-body.main-homepage .col-xs-12.main-content { padding: 0px; } /* Testimonials ------------------------ */ .testimonials { background: url(//cdn.cascompany.net/web/images/back/back_people.jpg) 50% 0 repeat fixed; min-height: 600px; padding: 55px 0; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .testimonials h3 {color:#fff; letter-spacing: -.03em; margin-bottom:50px; text-align: center; font-size:29px; font-weight:900;} .testimonials .hr-awesome { position: relative; margin:0 auto; max-width:50%; margin-bottom:50px; border: solid rgba(255,255,255,.075); border-width: 1px 0 0;} .testimonials .hr-awesome::after { color: #fff; font-family:'FontAwesome'; content: "\f08a"; font-size: 19px; position: absolute; right: calc(50% - 15px); top: calc(50% - 22px); width: 40px; height:40px; border-radius:50%; background:#FF377D; padding:7px 0 0 11px; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);} .testimonial-content { background:#fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); position:relative; } #testimonials-carousel .item {margin:12px; } #testimonials-carousel .item p { border-radius:0;color: #757575; font-size: 16px; line-height: 1.5; padding: 24px 16px; text-align: left; margin-bottom:0; } .testimonial-content h5 {font-size:14px; color: #757575; text-transform: uppercase; font-weight:500; padding:16px; margin:0; border-top:1px solid rgba(0,0,0,.1);} .testimonial-content h5 a {color:#FF4081; } .testimonials .owl-theme .owl-controls {margin-top:30px;} .testimonials .owl-theme .owl-controls .owl-page span { width: 40px; height: 7px; background: #fff; cursor: pointer; border-radius: 10px; border: 0; margin: 5px 7px; opacity: 1; box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.24),0 1px 1px 0 rgba(0,0,0,.48);} .testimonials .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; background: #FF2770;} a.link_testimonials { text-align: center; display: block; color: white; top: 20px; width: 100%; position: relative; line-height: 30px; } i.fa.flaticon-megaphone-2 { font-size: 30px; line-height: 30px; vertical-align: middle; } .block-text { background-color: #fff; border-radius: 15px; box-shadow: -4px 4px 0 rgba(0,0,0,0.2); color: #626262; padding: 0px 10px; } .block-text p { color: #585858; font-style: italic; line-height: 20px !important; font-size: 14px !important; font-weight: 100; } /* Features Multicolor ---------------------- */ .introcolumns { text-align: center;background:rgba(225,225,225,0.5); padding:67px 0 55px;} .introcolumns [class*='col-'] {padding:0 45px;} .introcolumns h4 {color:#424242; font-weight:300; margin:20px 0;} .introcolumns p {font-size: 17px;} .introcolumns .circle {width:100px; height:100px; border-radius: 50%; background:#03A9F4; position:relative; margin:0 auto; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);} .introcolumns .circle.red {background:#FF4081;} .introcolumns .circle.purple {background:#8F4099;} .introcolumns .circle.orange {background: #FE6A2B;} .introcolumns .circle i {position:absolute; font-size:48px; color:#fff; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);} /* Features ---------------------- */ .features {background:#F0F0F0; padding:55px 0; overflow:hidden;} .features h3 {color:#424242; letter-spacing: -.03em; margin-bottom:70px; padding: 0 20px;} .features .circle {width:100px; height:100px; border-radius: 50%; background:#03A9F4; position:relative; margin:0 auto; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);} .features .circle i {position:absolute; font-size:48px; color:#fff; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);} .features h4 {color:#424242; font-weight:300; margin:20px 0;} .features p {padding:0 40px;} /* Call To Action ------------------------ */ .calltoaction {padding:55px 0 360px; background:#fff url(images/calltoaction.jpg) no-repeat bottom center; background-size:cover; overflow:hidden;} .calltoaction h2 {font-weight:300; font-size:31px; display:table; border-bottom:1px solid #e4e4e4; padding:15px; margin:0 auto; margin-bottom:25px; letter-spacing: -.05em;} .calltoaction h2 span {color:#FF4081; display: block; margin-top:15px; margin-bottom:15px; } .calltoaction .mtr-btn {margin-top:15px;} /* Pricing Boxes ------------------------ */ .pricingbox {padding:55px 0; margin:0; background: #212832 url(//cdn.cascompany.net/web/images/back/back_city.jpg) no-repeat bottom center; background-size:cover; overflow:hidden; } .pricingbox.no-image-bg {background: #282f39 url(images/popular_plans_bg.jpg);} .pricingbox h3 {color:#fff; letter-spacing: -.03em; margin-bottom:30px; text-align: center; font-size:29px;} .pricingbox h3.poptitle {color:#fff; letter-spacing: -.03em; margin-bottom:20px; text-align: center; font-size:29px; font-weight:900; position: relative; padding-bottom:25px;} .pricingbox h3.poptitle::after {background-color: #FF377D; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -30px; position: absolute; width: 60px;} .pricingbox p {color:#fff; margin-bottom:70px; text-align: center; padding:0 95px; font-size:18px;} .pricingbox .row {margin-bottom:0; } .pricing-plan { position: relative; top: 0; opacity: 1; float: left; padding: 30px 0px 15px 0px; width: 100%; border-radius: 0; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); z-index: 5; background: #FF2770;} .pricing-plan:before { content: ""; width: 100%; height: 30px; border-radius: 0; position: absolute; top: -10px; left: 0; transform: scale(.95); -webkit-transform: scale(.95); -ms-transform: scale(.95); z-index: -1; background: rgba(255,39,112,.5);} .pricing-title { width: 100%; float: left; line-height: 36px; font-size: 23px; font-weight: 400; letter-spacing: -.03em; color: #fff; position: relative; padding-left:30px; margin-bottom:27px; font-family: 'Montserrat', Candara, Calibri, Arial, sans-serif; } .pricing-title:before { content: ""; width: 5px; height: 100%; position: absolute; top: 0; left: 0; background: #fff;} .pricing-price { clear:both; width: 100%; font-size: 47px; font-weight: 100; letter-spacing: -.03em; color: #fff; padding:30px 30px 25px; background: rgba(0,0,0,.15); text-align: center; } div.pricing-price {font-size: 17px; font-weight: 300; letter-spacing: 0; color: #fff; vertical-align: middle;} .pricing-price span {font-size: 36px;} .pricing-price .starting {color:#ccc; margin-bottom:0; text-align: center; padding:0; font-size:11px; letter-spacing: .12em;} .pricing-features { padding:15px 0;} .pricing-features ul { padding:0; margin:0; list-style:none;} .pricing-features ul li { color:#fff; padding:5px 20px; border-bottom:1px solid rgba(0,0,0,.2); text-align: center;} .pricing-plan.red { background: #FF2770;} .pricing-plan.red:before { background: rgba(255,39,112,.5);} .pricing-plan.blue { background: #3F51B5;} .pricing-plan.blue:before { background: rgba(63,81,181,.5);} .pricing-plan.purple { background: #9C27B0;} .pricing-plan.purple:before { background: rgba(156,39,176,.5);} .pricing-plan.dpurple { background: #673ab7;} .pricing-plan.dpurple:before { background: rgba(103,58,183,.5);} .pricing-plan.orange { background: #d68c0e;} .pricing-plan.orange:before { background: rgba(214,140,14,.5);} .pricing-plan.lblue { background: #0098da;} .pricing-plan.lblue:before { background: rgba(0,152,218,.5);} .pricing-plan button {display:table; margin:0 auto;} .pricing-plan button.mdl-button.mdl-button--raised {background:#fff;} .pricing-plan button i {font-size:14px;} .pricebox_textlink { color: white; margin-top: 10px; display: block;} .pricebox_textlink:hover { color: #C3FF00; } /* Home Page Features */ .various {padding:10px 0; background: #fefefe; background:rgba(255,255,255,0.7); overflow:hidden;} .various h2 {font-weight:700; font-size:29px; display:inline-block; padding:15px 0 0; margin-bottom:0; } .various h5 {font-weight:700; font-size:20px; padding:15px 0 6px; color:#FF4081;} .various p {font-size:17px; } .various a.mtr-btn {margin-top:15px; } i.green {color:#B5BD8E;} i.red {color:#DA3867;} i.lightblue {color:#8ACDDD;} i.orange {color:#E38F75;} i.darkgray {color:#6A6665;} i.royalblue {color:#405499;} i.fa.flaticon-megaphone-2 { font-size: 30px; line-height: 30px; vertical-align: middle; } .block-text { background-color: #fff; border-radius: 15px; box-shadow: -4px 4px 0 rgba(0,0,0,0.2); color: #626262; padding: 0px 10px; } .block-text p { color: #585858; font-style: italic; line-height: 20px !important; font-size: 14px !important; font-weight: 100; } .mark { padding: 12px 0;background:none; } .sprite { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABEFJREFUeNrUWV1IU1EcvzPpG4LyY/lQRPVkUNCDVC9F+VCYEBlEPYgkBkVYGBEUgvYigaAv4lOIoFG5bGHZoGzLdGY2c+jalDF1bWtu7tOt6ebW/7Qzmeve7e7ec2f+4ceFe+75n/s7/89zr4iiqKMUlkgk8o3iJg8Bj6jMSAQgE4lEZ/E7/72ZhV4+Bh7KJVTmRASYSryZRUi5DvAxQ0SCgAmhiIQB7Rm0yvd/zBTzMQKyHzBJcHOYZB6QBzESXhUjBBfQA75mwBrWGAkhXIvR5ALILN1N0kQmMkBkiu5mdiYWISmDg4Pe+NoHbhaCOBnLyoTZScro6Ohkwq0Q6ayFZBfALhQJt9utLigoqPT7/fHB7gEOU6Qt4hHSGmazeSSBBJKAEMEumITD4aXh4eEvNEOBdeVaVqv1vVgsvk8zpAUOPtIWyRfKImq1mq6XWwD4hHCtPQJZo6+ioqKPZsgrRIuC5KAAseGH2Og1mUxBmkbVK1RlLyRNZHp6WlpaWkrnVm4hiRwhXDfGOjo6XjEMu4Rq448D+kltTigU8sjl8sfFxcXvaIadAEO0iycfI6dI6tNqtZ0MJFBsOPDZnXj3uxlwhhSJmZmZF+Xl5Z0Mw/ZEtyJJ5DzgJAlFFoult6GhoV2lUvkZ6oZdyPPIBVLVu6Wl5Ulra6uFLmwANoiJ37STUbDwxEXAYoSnQEMoq6uru4TPGnTYHVuT7v35Hqy2A64CNvJRYjQapc3NzW2NjY1GhkdsyGBJlfC0RjUfK0DVXtbpdG0lJSWnk1hiH9qo+HVJW+QEoJLr5EAg8BMawadFRUXPkjyG6oUFXnQplT6uRHYCbgAOcZlst9sHFArF87KysoEkj6Fa8QtIBNjo5ErkNuAKl2qt1+slTU1NLxkyU3ytQCQW2ermQgRZ4g4HK/QrlcrXDA3gisvjoLYCiVA6+tMlgjLUPZytWInP55uEgH5TX1//ViqVOpM8inZ/DgjMcXGRdIigHP8AsJdlMJsMBoOsq6tLVltbq0/V6OJi5+aaPNh2v5ep6M+cQhYEZkH6enp6PtTU1PxIFTY4HmxsMlPcR7lV6ZctkWsAdOg/kOwhr9c7Ds3ep+7ubgULC8SsYIf1XWnvfppENgDuYuQwFFOXzWYb0mg0Q5CJBlLEQExQr4R+DcynG9BciKB/HdWAWzRjyAXkDodDKZFINFVVVXqW6y/i2uBkbPwIEzkHuImvK40pQAlABewzKELfX8WALSwJODEBP4kuORURVK2vY2yjov86VIARKvoDZxorycEkNqXKvDgOXHwtkA6RY4DD+KSnAYwDzAmTRfgDXH6StL2MXx59A3ZzjQGuRLJxGkw2Ee1+HgZdNfZieEi5T9pEWMzbAcjF15gEsessxH+2XAthQyQbp91cfCT2x8GHs9eaSyoiKNi34vEAzv1B6j8UJiKiOL9fFxIj8keAAQDp+BTao+uaTAAAAABJRU5ErkJggg=='); } .sprite-i-triangle { background-position: 0 -8px; background-repeat: no-repeat; height: 44px; width: 50px; } .block-text ins { bottom: -44px; left: 50%; margin-left: -60px; } .zmin { z-index: 1; } .ab { position: absolute; } .person-text { padding: 20px 0 0; text-align: center; z-index: 2; } .person-text a { color: #ffcc00; display: inline-blockblock; font-size: 14px; margin-top: 3px; text-decoration: underline; } .person-text i { color: #fff; font-family: Georgia; font-size: 13px; } .rel { position: relative; } .testimg { z-index: 2; position: relative; background-repeat: no-repeat; background-position-x: center; border-radius: 50%; width: 80px; height: 80px; border: 3px solid rgba(255,255,255,0.3); background-image: url(//cdn.cascompany.net/web/images/testimonials/all.png); } .imgshadow { position: relative; z-index: 1; margin: -10px 5px; width: 70px; height: 5px; border-radius: 50%; box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.5); } .person-text.rel { padding-left: 15px; padding-bottom: 25px;} .imgtxt {float: left;margin-left: 90px;margin-top: -30px;} /* Logos Carousel */ .partnersbox {background: #f0f0f0; padding:0; border-top:1px solid #e4e4e4;} #company-partners .item {margin: 3px; text-align: center;} #company-partners { padding: 40px 0; } #partners h4 { font-size: 20px;} .partners { background-image: url(images/partners_sprite.png); background-repeat: no-repeat; display: block; margin: auto; } .partners-1 { width: 127px; height: 25px; background-position: -7px -7px; } .partners-10 { width: 127px; height: 25px; background-position: -7px -46px; } .partners-11 { width: 127px; height: 25px; background-position: -7px -85px; } .partners-12 { width: 127px; height: 25px; background-position: -7px -124px; } .partners-13 { width: 127px; height: 25px; background-position: -7px -163px; } .partners-14 { width: 127px; height: 25px; background-position: -7px -202px; } .partners-15 { width: 127px; height: 25px; background-position: -7px -241px; } .partners-16 { width: 127px; height: 25px; background-position: -7px -280px; } .partners-17 { width: 127px; height: 25px; background-position: -7px -319px; } .partners-18 { width: 127px; height: 25px; background-position: -7px -358px; } .partners-2 { width: 113px; height: 25px; background-position: -7px -397px; } .partners-3 { width: 127px; height: 25px; background-position: -7px -436px; } .partners-4 { width: 103px; height: 25px; background-position: -7px -475px; } .partners-5 { width: 110px; height: 25px; background-position: -7px -514px; } .partners-6 { width: 116px; height: 24px; background-position: -7px -553px; } .partners-7 { width: 83px; height: 25px; background-position: -7px -591px; } .partners-8 { width: 123px; height: 25px; background-position: -7px -630px; } .partners-9 { width: 127px; height: 25px; background-position: -7px -669px; } @media only screen and (min-width: 768px) and (max-width: 959px) { #partners h4 { font-size: 15px; line-height: 50px;} #partners span { display: none; } #company-partners { padding: 25px 0 !important; } } @media only screen and (min-width: 960px) and (max-width: 1100px) { #partners span { font-size: 13px; } #company-partners { padding: 35px 0 !important; } } /* ======================== SUB HEADER ======================== */ #subheader {padding:150px 25px; position: relative; background-size: calc(100% + 300px);} .subheader-text {position: absolute; text-align: center; z-index: 2; left:1%; right:1%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 20px} #subheader h1 { text-align: center; color:#fff; font-weight:700; font-size: 31px; text-shadow: -1px 1px 0 #2d2d2f; letter-spacing:-0.05em; text-transform: uppercase;} #subheader h2 { text-align: center; color:#fff; font-weight:400; font-size: 17px; margin-top:25px;} /* breadcrum styles */ section.B_crumbBox { margin: 0 0 -30px 0px; display: block; position: relative; top: -30px; z-index: 2; height: 30px; overflow: hidden; color: #ff4081; font-weight: 300; background: rgba(20, 26, 31, 0.4); padding: 5px 5px 5px 20px; } section.B_crumbBox a { color: #90a4ae; } section.B_crumbBox a:hover { color: white; } span.B_currentCrumb { color: white; } /* SubHeaders */ #subheader { background-image: url(images/headers/sub_1.jpg); background-position: center center; background-size: cover; background-size: auto calc(100% + 200px); background-repeat: no-repeat; background-color: #222b34; padding: 100px 25px; } #subheader h1 { color: #ffffff; text-shadow: 2px 2px 5px #0c0f12; font-size: 35px; } #subheader h2 {color:#fff;} #subheader.sharedheader { background-image: url(images/headers/sub_2.jpg); background-position: center center; } #subheader.dedicatedheader {background-image: url(images/headers/sub_6.jpg); background-position: center center; } #subheader.aboutheader {background-image: url(images/headers/sub_4.jpg); background-position: center center; } #subheader.cloudheader {background-image: url(images/headers/sub_8.jpg); background-position: center center; } #subheader.affheader {background-image: url(images/headers/sub_7.jpg); background-position: center center; } /* #subheader.xxxxx:after { background: rgba(34,43,50,.9); bottom: 0px; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } */ @media only screen and (min-width: 960px) and (max-width: 1200px){ #subheader { background-size: auto calc(100% + 200px); } } @media only screen and (min-width: 768px) and (max-width: 959px) { #subheader { background-size: auto calc(100% + 100px); } } @media only screen and (min-width: 436px) and (max-width: 767px) { #subheader { padding: 70px 10px; background-size: cover; } span.B_crumbBox { font-size: 12px; } } @media only screen and (max-width: 435px) { #subheader { padding: 40px 10px; background-size: cover; } span.B_crumbBox { display: none !important; } .subheader-text { padding-bottom: 0px; } } /* ======================== CLOUD PAGES ======================== */ .plantxt { font-size: 20px; letter-spacing: 0; } .pricing-price i { font-size: 70px; display: block; padding-bottom: 15px; } section#cloudpage { overflow: visible; padding: 0px; background: rgba(255,255,255,0.7); } #cloudpage .shared .price-per-period { display: block; max-width: 500px; } #cloudpage .pricing-plan:hover { cursor: pointer;} @media only screen and (max-width: 767px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: 0px; } #cloudpage .pricingbox.headerimg .verticalbottom { margin-top: 20px;} #cloudpage .pricingbox.headerimg { padding: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: -150px !important; } #cloudpage .pricingbox.headerimg .verticalbottom { margin-top: 104px;} } @media only screen and (min-width: 992px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: -100px !important; } #cloudpage h2 {width: 650px;} } #cloudpage .pricingbox.headerimg .bot40 { bottom: -40px !important; } .text-center.bot40b { padding-bottom: 50px; } #cloudpage .pricingbox.headerimg { margin-top: -140px!important; } /* ======================== 4 = Shared Hosting Page ======================== */ .pricingbox.headerimg { padding-bottom: 0; margin-top: 0px!timportant background: transparent; } section#sharedpage { overflow: visible; padding: 0px; background: rgba(255,255,255,0.7); } .pkg_titles { color: white !important; background: #673ab7 !;important } .pkg_titles_start, .pkg_titles_end, .hosting_header1_in, .hosting_header2_in, .hosting_header2, .hosting_header1, .hosting_header3 { color: white !important; background: #673ab7 !;important } #sharedpage .shared .price-per-period { display: block; max-width: 500px; } .sharedicons { background: #3F51B5; padding: 67px 0 55px; overflow: hidden; text-align: center; color: white; } #intro.shared i { font-size: 80px; padding: 35px; margin: 0px; color: white; } #intro.shared p { color: white; padding: 35px; margin: 0px; font-size: 18px; font-weight: 100; } section#intro.red { background: #FF2770;} section#intro.red:before { background: rgba(255,39,112,.5);} section#intro.blue { background: #3F51B5;} section#intro.blue:before { background: rgba(63,81,181,.5);} section#intro.purple { background: #9C27B0;} section#intro.purple:before { background: rgba(156,39,176,.5);} .shared-table button.mtr-btn.closeme { top: 100% !important; } td.instant_left { height: 150px; } .sharedicons .fa { font-size: 80px;color: white;} #sharedpage .pricing-plan:hover { cursor: pointer;} @media only screen and (max-width: 767px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: 0px; } #sharedpage .pricingbox.headerimg .verticalbottom { margin-top: 20px;} #sharedpage .pricingbox.headerimg { padding: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: -150px !important; } #sharedpage .pricingbox.headerimg .verticalbottom { margin-top: 104px;} } @media only screen and (min-width: 992px) { .pricingbox.headerimg { padding-bottom: 0; margin-top: -100px !important; } #sharedpage h2 {width: 650px;} } @media only screen and (max-width: 500px) { .hosting_header i { font-size: 20px; line-height: 20px; vertical-align: sub; padding-right: 5px; } .price-table-container-cas ul { padding-left: 0px;} .row-product-selection .col-xs-12 { padding: 0px;} tr.hosting_header td { background: #6734ba !important; padding: 0px; font-size: 10px; margin: 0px; } .products-table td { padding: 5px !important; margin: 0px; } tr.pkgtit p { padding: 0px 0px !important; font-size: 10px !important; } .help { display: none !important;} .hosting_header img { display: none; } .various .pkgtit i { font-size: 15px !important; } .pkgtit h5, .pkgtit h6 { font-size: 10px; font-weight: 500 !important; font-family: 'Roboto'; line-height: normal; margin-top: 5px; margin-bottom: 5px; letter-spacing: normal; } .pkgtit .pkg1 h5, .pkgtit .pkg2 h5, .pkgtit .pkg3 h5 { font-size: 12px !important; } .pkg_end .btn-cas { line-height: 20px; padding: 10px 10px; } td.instant_left { font-size: 14px !important; text-align: center !important; padding: 0px !important; height: auto !important; } .shared-table button.mtr-btn.closeme { top: auto !important; bottom: -100px; } } // fin media /* End of Responsive Table */ /* ======================== 6 = Dedicated Servers ======================== */ #subheader.dedicated-servers {background:url(images/deticated-servers-bg.png); padding:100px 25px;} #subheader.dedicated-servers h1 {color:#424242; text-shadow:none; } #subheader.dedicated-servers h2 {color:#424242;} .pricingbox.servers {padding:55px 0 90px;} /* Dedicated Servers Table */ .moreservers{ width: 100%; background: #212832; padding:55px 0 40px;border-top:1px solid #252d38; position:relative; } .moreservers h3 {color:#fff; letter-spacing: -.05em; margin-bottom:30px; text-align: center; font-size:29px;} .moreservers button{ position:absolute; top:100%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin-top:40px; z-index:9; font-size:16px; line-height:29px; font-weight:300;} .servers-table {padding:75px 0 55px; overflow:hidden; display: none;} .server-products-table { min-width:100%; border:1px solid #eae8e8; font-family: 'Roboto', Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif!important;margin-bottom:45px; } .server-products-table thead {border:0;background:transparent;} .server-products-table thead th {background:#3F51B5; color:#fff!important; font-weight:900; font-size:15px!important; border:0!important; font-family: 'Roboto', Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif!important; text-shadow: none; padding-top:10px!important; padding-bottom:10px!important; text-align: center;} .server-products-table th {font-weight: normal; -webkit-font-smoothing: antialiased; padding:16px 12px; color: #424242; font-size: 14px; background: #fff; } .server-products-table td {color: #424242; padding:16px 12px; font-size: 14px; border-right:1px solid #eae8e8; text-align: center;} .server-products-table td:first-child, .server-products-table thead th:first-child {text-align: left;} .server-products-table td:last-child {border-right:0;} .server-products-table tr { background: #fff; } .server-products-table td i.fa-times {color:#ff4081;} .server-products-table td i.fa-check {color:#258D5C;} .server-products-table tr:hover { background: #f5f5f5; } /* ==================== 14 = Elements ============================== */ .elements h5.badge {font-size:18px; padding:9px 20px; background:#DE6262; display:table; margin:0 auto; margin-top:40px; margin-bottom:30px;} .pricingtables.default { background: #fff; overflow: hidden; padding:0; } .pricingtables.default .panel-heading { background: #222; } .pricingtables.default .most-popular .panel-heading { background: #3a5955; } .pricingtables.default .panel-heading h3 { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: -.07em; margin: 0; padding: 12px 0; } /* Ripple Effect */ .ripple-wrapper { display: block; position: absolute; background: rgba(255,255,255,0.4); border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);} .ripple-wrapper.animated { animation: ripple 0.65s linear; -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear;} .has-ripple { overflow: hidden; position: relative; user-select: none; outline: none;} @keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; }} @-webkit-keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; }} @-o-keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; }} @-moz-keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; }} /* ======================== 15 = Footer ======================== */ /* Footer ---------------------- */ .footer{ width: 100%; background: #1c242b; padding:55px 0; } .footer h4 {color:#e0e0e0; font-weight:700; padding-bottom:17px; font-size: 20px; margin:0 0 17px; position:relative;} .footer h4::after {background-color: #0593D0; bottom: 0; content: ""; height: 1px; left: 0%; position: absolute; width: 40px;} .footer a {color:#eeeeee;} .footer a:hover {color:#8f9ca3; text-decoration: none;} .footer ul {margin:0; padding:0; list-style:none;} .footer ul li {font-size:15px; font-weight:300; padding-bottom:4px; list-style: none;} .footer ul li:last-child {border:0;} /* MailChimp Newsletter Form Styling ----------------------- */ #mc_embed_signup input[type="email"] { border-radius:0;} #mc_embed_signup input[type="submit"] { margin-top:10px;} /* Footer / Social Buttons ---------------------- */ .social{ width: 100%; background: #141a1f; padding:20px 0; color: #5c6970;} .social-links {margin:0 auto; padding:0; display: table;} .social-links li { list-style: none; display: inline-table;} .social-links li a { color:#fff; display: inline-block; padding-top:10px; text-align: center; height: 42px; width: 42px; position: relative; z-index: 1; -webkit-transition: color 0.15s; transition: color 0.15s; -moz-osx-font-smoothing: grayscale; border-radius:50%; -webkit-backface-visibility: hidden;} .social-links li a::before { content: ''; position: absolute; top: 2px; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #28343e; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15; transition: box-shadow 0.15s, transform 0.15s;} .social-links li a:hover::before { -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); box-shadow: inset 0 0 0 35px #0097d9;} .social p {padding-top:15px; font-size:14px; margin-bottom:0;} /* Back to Top Button ----------------------- */ #back-to-top { color:#fff; position:fixed; bottom:20px; right:20px; z-index:99; display:none; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; z-index: 10000; height: 59px; width: 59px; background-color:#6734BA; background-repeat: no-repeat; background-position: center; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15; transition: box-shadow 0.15s, transform 0.15s;} #back-to-top i { padding-top:20px; font-size:17px; } #back-to-top:hover { background:#FF377D; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);} /* =================== 16 = Media Queries =================== */ /* For IE Edge (Spartan) ----------------------- */ @supports (-ms-accelerator:true) { .header{ padding:0 0 1px 0;} .sf-menu ul { top: 101%; } ::-webkit-input-placeholder { opacity: 0;} } /* End For IE Edge (Spartan) ----------------------- */ @media only screen and (max-width: 767px) { #navigation {display:none;} .slicknav_menu {display:block; font-size:13px; font-weight:500; background:#222b34;} .slicknav_btn {font-size:16px; background:#9c27b0; border-radius:100%; width:34px; height:34px; padding:11px 0 0 8px; } .slicknav_nav a {text-transform: uppercase; font-size:13px; font-weight:500;} .slicknav_nav a:hover {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius:0!important; background: rgba(0,0,0,0)!important; color: #fff; } ul.top, ul.topright {display:table; margin:0 auto; text-align:center;} ul.topright {float:none;} ul.topright li { margin-right:17px;} .logo img {text-align:center; display:table; margin:0 auto; max-width:70%; max-height:77px; padding:5px;} #mainimage { height:auto; position: relative; overflow: hidden; background: #282f39 url(images/pricingbox-bg-dark.jpg) fixed bottom center;} #mainimage h1 { font-size:2em;} #home-intro .home-intro-container { display:none; } .pricingbox.headerimg { position:relative; } .pricingbox.headerimg .verticalbottom { margin-top:0;} .pricingbox.headerimg .pricing-price p {color:#ccc; margin-bottom:0; text-align: center; padding:0; font-size:11px; letter-spacing: .12em;} .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 15px; padding-right: 15px; } .calltoaction {padding:40px 0; background:#fff;} .pricingbox {padding:40px 0;} .pricingbox p {margin-bottom:70px;padding:0 15px;} .pricing-plan {margin-bottom:30px;} .domainsearch{ padding:20px 0 10px;} .various {text-align: center;} .testimonials .owl-theme .owl-controls .owl-page span {width: 30px; height: 8px; margin: 5px;} .testimonial-content h5 {font-size:13px;} .titleborder{ width:100%;} .various .why {padding-right:0; } .various i {float:none; } .newplanscolumn {margin-bottom:30px;} .footer h4 {margin-top:20px;} .affiliates-counts p, .affiliates-examples {margin-bottom:25px;} .affiliates-features {text-align:center;} .affiliates-features i {float:none;} #subheader h1 {font-size: 2.18em;} #subheader h2 {font-size: 1em;} .subheader-text {position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .features-tabs .tabs-top-horizontal > .nav-tabs > li { border-right:0; display:block; width:100%; margin-bottom:2px;} .features-tabs .tabs-top-horizontal > .nav-tabs .active { border-bottom: 2px solid #424242;} .features-tabs .tab-content p.subtitle {padding:0; text-align:center;} .features-tabs .tabs-top-horizontal > .nav-tabs .active > a:after { border-width: 0;} .fully-managed .block-grid-item {padding:30px 15px; border:0; } .security .block-grid-item {text-align: left; padding:10px;} .security .security-tab-icon {float:none; width:100%; } .security .security-tab-icon i {margin-top:25px; font-size:42px; text-align:center;} .security .security-tab-feature {float:none; width:100%; } .backups-restore .backupcolumn { min-height:25px; margin-bottom: 15px;} #emails img, #monitoring img, #cdn img {margin-bottom:20px;} .products-table td, .products-table thead th { /*text-align: left;*/ } .products-table td:first-child, .products-table thead th:first-child {background:#3E65BF; color:#fff!important;} .apps-grid .block-grid-item {border:0; margin-bottom:2px; } .vps-features-tabs .tab-content {padding:25px 0 0; width:100%; float:none;} .vps-features-tabs .tabs-left-vertical > .nav-tabs { width:100%; float:none; } .vps-features-tabs .tabs-left-vertical > .nav-tabs .active > a:after { border-width: 0;} .tabcircle {float:none; padding-left:0; display:table; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center; } .tabcircle i { text-shadow:none; } .vps-products-table td, .vps-products-table thead th {text-align: left; border-bottom:1px solid #e9e9e9;} .vps-products-table td:first-child, .vps-products-table thead th:first-child, .vps-products-table tr.price-comparison td:first-child {background:#FF4081; color:#fff!important;} .vps-products-table tr.price-comparison td {font-weight:400; font-size:14px; letter-spacing: 0; background:#fff; color:#424242;} .rightside {text-align:left;} .features-server p {padding: 0 15px;} .moreservers button{ margin-top:70px; } .server-products-table td, .server-products-table thead th {text-align: left; border-bottom:1px solid #e9e9e9;} .server-products-table td:first-child, .server-products-table thead th:first-child {background:#3F51B5; color:#fff;} .server-products-table tr td:first-child .tablesaw-cell-label {display:none;} .domaintlds p.subtitle {padding:0 15px;} #tld-table td {text-align:left;} ul.support-links {margin:30px 0;} ul.support-links li {padding:6px 10px; font-size:15px;} .support-method {padding:0;} .about-team p {padding:0;} .datacenter-grid .block-grid-item {margin:1% 0; width:100%;} .contactmethod, .whiteframe {margin-bottom:15px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .sf-menu li a {padding:25px 10px; } .fully-managed .block-grid-item {padding:50px 10px;} .fully-managed .block-grid-item h5 {ffont-size:16px;} #emails img, #monitoring img, #cdn img {margin-bottom:20px;} .pricingbox.headerimg .verticalbottom {margin-top:130px;} .pricing-title { font-size: 20px; } .pricing-price { font-size: 25px; } .pricingbox.headerimg .progressbars, #mainimage-two .progressbars {padding: 0 0 20px; } #mainimage-two h2 {font-size:18px;} .pricingbox.headerimg ul li, .pricingbox.shared ul li, .pricingbox.servers ul li {font-size: 15px;} .features p {padding:0 10px; font-size:16px;} .apps-grid .block-grid-item .odometer {font-size:60px; } .tabcircle {margin-bottom:15px;} .rightside {text-align:left;} .features-server p {padding: 0 15px;} .rightside, .server-feature h4, .server-feature p {text-align:center;} #tld-table thead th {font-weight:500; font-size:11px;} #tld-table th {padding:12px 7px;font-size: 11px;} #tld-table td {padding:12px 7px;font-size: 11px;} .testimonial-content h5 {font-size:13px;} .newplanscolumn {margin-bottom:30px;} .footer h4 {font-size: 13px;} .contactmethod {min-height:300px;} .contactmethod h5 {font-size:14px;} .contact-elements h3 {font-size:19px; } .whiteframe {padding:8px;} .whiteframe p {font-size:15px;} } @media only screen and (min-width: 960px) and (max-width: 1025px) { .pricing-title { font-size: 20px; } .pricing-price { font-size: 36px; } #shared-video .shared-video-container { min-height: 370px;} #shared-video .shared-video-container .videocaption .videocaption-content {max-width:520px; } .features-tabs .tabs-top-horizontal > .nav-tabs > li { min-width:140px;} .security .security-tab-icon i {font-size:35px;} .backups-restore .backupcolumn { min-height:400px; } .testimonial-content h5 {font-size:12px;} .newplanscolumn {min-height:400px;} .newplanscolumn p {margin-bottom:0;} .newplanscolumn {margin-bottom:30px;} .about-descr p {font-size:16px;} .about-descr p.topspacing {padding-top:0;} .whiteframe {padding:8px;} } #order-premium_comparison-cas .txt-center { text-align: center; } #order-premium_comparison-cas h3 { padding: 0px 0px 20px 0px; margin: 0; font-size: 32px; line-height: 38px; font-weight: 300; color: #333333; } #order-premium_comparison-cas h5 { padding: 0px 0px 20px 0px; margin: 0; font-size: 24px; line-height: 38px; font-weight: 300; color: #ff4081; margin-top: -20px; } section#main-body { padding: 10px 0 0 0; margin: 0px; width: 100%;} .pricing-features { color: white; padding: 20px 10px !important; font-weight: 100; } .pricing-title { padding-right: 15px; } .space25 { padding-bottom: 25px; } .pricing-features ul br { display: none; }