/* [Main Stylesheet] Project: OrDomain - Responsive HTML5 WHMCS Hosting Template Version: 1.4 Author : themelooks.com [Table of contents] 1. GENERAL STYLES - 1-1 PRELOADER - 1-2 CUSTOM BUTTONS - 1-3 SECTION TITLE - 1-4 BACK TO TOP BUTTON - 1-5 TEXT-COLORS - 1-6 BACKGROUND-COLORS - 1-7 BORDER-COLORS - 1-8 Link-COLORS - 1-9 RIBBON - 1-10 TRIANGLES 2. NAVIGATION AREA - 2-1 PRIMARY AREA - 2-2 SECONDARY AREA 3. BANNER AREA 4. DOMAIN EXTENSION 5. CALL TO ACTION AREA 6. FEATURE AREA 7. SERVICE AREA 8. PRICING AREA - 8-1. PRICING TABLE 9. SUBSCRIBE AREA 10. BLOG AREA 11. COUNTER AREA 12. FEEDBACK AREA 13. FOOTER AREA - 13-1 FOOTER WIDGET TITLE - 13-2 ABOUT WIDGET - 13-3 USEFUL LINKS WIDGET - 13-4 FOOTER RECENT POSTS WIDGET - 13-5 TWITTER WIDGET - 13-6 PAYMENT METHODS - 13-7 SOCIAL LINKS - 13-8 COPYRIGHT 14. GENERAL PAGE STYLES - 14-1 PAGE HEADER - 14-2 PAGE HEADER SLIDER 15. VPS HOSTING PAGE - 15-1 VPS PRICING AREA 16. SHARED HOSTING PAGE - 16-1 EXTRA FEATURE AREA 17. DEDICATED HOSTING PAGE - 17-1 DEDICATED PRICING AREA 18. DOMAIN PAGE - 18-1 DOMAIN PRICING AREA 19. ABOUT PAGE - 19-1 ABOUT DESCRIPTION - 19-2 TEAM - 19-3 HISTORY 20. DATACENTER PAGE - 20-1 MAP2 21. AFFILIATE PAGE - 21-1 COUNTER 22. LOGIN PAGE - 22-1 LOGIN AREA 23. FAQ PAGE - 23-1 FAQ AREA 24. BLOG PAGE - 24-1 CONTENT - 24-2 SIDEBAR 25. BLOG DETAILS PAGE 26. CONTACT PAGE - 26-1 CONTACT ADDRESS - 26-2 CONTACT FORM - 26-3 CONTACT ACTIONS - 26-4 MAP 27. 404 PAGE 28. HELPER CLASSES - 28-1 RESET-GUTTER - 28-2 RESET-MARGIN - 28-3 RESET-PADDING - 28-4 VERTICAL-CENTERING - 28-6 ROW-EQUAL-HEIGHT */
/*------------------------------------*\ 1. GENERAL STYLES \*------------------------------------*/
html, body { height: 100%; }
body { font-family: 'Roboto', sans-serif; font-weight: 400; color: #737373; }
.wrapper { height: 100%; }
a, a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: none; outline: 0; }
p:last-child { margin-bottom: 0; }
.paragraph-small { font-size: 16px; }
.paragraph-large { font-size: 18px; }
.owl-carousel { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-grab { cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.fa { margin-left: 1px; }
.fa.fm { margin-right: 10px; }
.slash { margin: 0 20px; }
/* 1-1 PRELOADER */
#preloader { position: fixed; top: 0; left: 0; display: none !important; width: 100%; height: 100%; background-color: #2162a3; z-index: 9999999999; }
.preloader--bounce { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; }
.preloader-bouncer--1, .preloader-bouncer--2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }
.preloader-bouncer--2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
 @-webkit-keyframes bounce {  0%, 100% {
 -webkit-transform: scale(0.0)
}
 50% {
 -webkit-transform: scale(1.0)
}
}
 @keyframes bounce {  0%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
 50% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
/* 1-2 CUSTOM BUTTONS */
.btn-custom { color: #fff; background-color: #2162a3; font-weight: 400; border-radius: 0; text-transform: uppercase; -webkit-transition: background-color .25s; transition: background-color .25s; }
.btn-custom:hover, .btn-custom:focus { color: #fff; box-shadow: none; outline: 0; }
.btn-custom-reverse { color: #fff; background-color: #2c3e50; font-weight: 400; border-radius: 0; text-transform: uppercase; -webkit-transition: background-color .25s; transition: background-color .25s; }
.btn-custom-reverse:hover, .btn-custom-reverse:focus { color: #fff; background-color: #7dc01d; box-shadow: none; outline: 0; }
.btn-custom.btn-lg, .btn-custom-reverse.btn-lg { font-size: 16px; padding-top: 12px; padding-bottom: 12px; }
.btn-green { background-color: #00a63f; }
.btn-green:hover, .btn-green:focus { background-color: #333; }
.btn-blue { background-color: #00a63f; }
.btn-blue:hover, .btn-blue:focus { background-color: #333; }
/* 1-3 SECTION TITLE */
.section-title { margin-top: 0px; margin-bottom: 35px; text-align: center; }
.section-title h2 { display: inline-block; position: relative; margin: 0; padding-bottom: 15px; color: #2162a3; font-size: 34px; font-weight: 700; line-height: 56px; text-transform: uppercase;}
.section-title h2:before { content: " "; position: absolute; top: auto; left: 0; right: 0; bottom: 0; width: 50px; height: 2px; margin: 0 auto; background-color: #2162a3; }
.section-title h2 span { display: block; margin-bottom: 5px; color: #303030; font-size: 16px; font-weight: 700; line-height: 22px; }
.section-title h2 span.text-white { color: #fff; }
/* 1-4 BACK TO TOP BUTTON */
.back-to-top { position: fixed; bottom: 45px; right: 35px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: 1; }
.back-to-top.show, .back-to-top.alwaysShow { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.back-to-top button { min-width: 44px; padding: 8px 0 10px; border: none; color: #fff; background-color: #2162a3; font-size: 22px; line-height: 26px; outline: 0; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
.back-to-top button:hover { background-color: 25aae1; }
/* 1-5 TEXT-COLORS */
.text-white { color: #fff; }
.text-black { color: #fff;}
.text-blue { color: #2162a3; }
.text-green { color: #2162a3; }
/* 1-6 BACKGROUND-COLORS */
.bg-whitesmoke { background-color: #f8f8f8; border-style: solid; border-width: 1px 0; border-color: #e9e9e9; }
.bg-blue { background-color: #337ab7; }
.bg-green { background-color: #337ab7; }
/* 1-7 BORDER-COLORS */
.border-green { border-color: #337ab7; }
/* 1-8 LINK-COLORS */
a.link-white { color: #fff; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; }
a.link-white:hover, a.link-white:focus { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
a.link-black { color: #303030; }
/* 1-9 RIBBON */
.ribbon { position: absolute; top: -5px; right: -5px; width: 150px; height: 150px; overflow: hidden; }
.ribbon-content { font-weight: 700; z-index: 2; font-size: 20px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 12px 0; left: -5px; top: 28px; width: 202px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }
.ribbon-content:before, .ribbon-content:after { content: ""; border-top: 3px solid rgba(34, 34, 34, 0.6); border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; }
.ribbon-content:before { left: 0; }
.ribbon-content:after { right: 0; }
.ribbon-small { top: -4px; right: -5px; width: 113px; height: 100px; }
.ribbon-small .ribbon-content { top: 20px; left: 5px; width: 140px; padding: 6px 0; font-size: 16px; font-weight: 500; }
/* 1-10 TRIANGLES */
.triangle-lg-down { position: relative; }
.triangle-lg-down:before { content: " "; position: absolute; top: auto; left: 0px; right: 0px; bottom: -34px; width: 0px; height: 0px; margin: 0px auto; border-style: solid; border-width: 35px 30px 0px; z-index: 1; }
.triangle-down-green:before { border-color: #2162a3 transparent transparent; }
/*------------------------------------*\ 2. NAVIGATION AREA \*------------------------------------*/
#navigation { position: fixed; top: 0; left: 0; width: 99%; margin-bottom: 0; border-radius: 0; border: none; -webkit-transition: padding-top .25s ease-in, background-color .25s ease-in-out; transition: padding-top .25s ease-in, background-color .25s ease-in-out; z-index: 5; }
.contact-bar { padding: 0 0; overflow: hidden; background-color: #fff; border-bottom: 1px solid #e9e9e9; }
.contact-bar .social-icons .nav { border: none; }
.contact-bar .social-icons .nav li a { padding: 2px 15px 0 0; border: none; color: #303030; -webkit-transition: color .25s ease; transition: color .25s ease; }
.contact-bar .social-icons .nav li a:hover, .contact-bar .social-icons .nav li a:focus { color: #2162a3; background-color: transparent; }
.contact-bar--text { margin: 2px 0px 0 20px; }
.contact-bar a { color: #303030; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; }
.contact-bar a:hover, .contact-bar a:focus { color: #2162a3; }
#navigation .navbar { position: absolute; left: 0; width: 100%; padding: 10px 0; margin-bottom: 0; border: none; border-radius: 0; background-color: #fff; -webkit-transition: top .25s ease-in-out; transition: top .25s ease-in-out; }
#navigation.sticky .navbar { top: 0 !important; box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); }
#navigation .navbar-toggle { border: none; margin-right: 5px; }
#navigation .navbar-toggle .icon-bar { background-color: #2162a3; }
#navigation a.navbar-brand { display: block; padding: 0 0; margin: 0; color: #303030; font-size: 24px; font-weight: 700; }
#navigation a.navbar-brand span { color: #2162a3; }
#navigation .navbar .nav li a { color: #222; text-transform: uppercase; -webkit-transition: border-color .25s, padding-bottom .25s ease-in; transition: border-color .25s, padding-bottom .25s ease-in; }
#navigation .navbar .nav li a:hover, #navigation .navbar .nav li a:focus, #navigation .navbar .nav li.open a, #navigation .navbar .nav li.open a:hover, #navigation .navbar .nav li.open a:focus, #navigation .navbar .nav li .dropdown-menu > li > a { background-color: transparent; }
#navigation .navbar .nav > li > a { margin-left: 0px; padding-top: 8px; padding-bottom: 24px; border-bottom: 3px solid transparent; font-weight: 500; }
#navigation .navbar .nav > li > a:hover, #navigation .navbar .nav > li > a:focus, #navigation .navbar .nav > li.active > a, #navigation .navbar .nav > li.open > a, #navigation .navbar .nav .dropdown-menu > li > a:hover, #navigation .navbar .nav .dropdown-menu > li > a:focus, #navigation .navbar .nav .dropdown-menu > li.active > a { border-color: #2162a3; }
#navigation .navbar .nav > li > .dropdown-menu { padding: 0; border: none; border-radius: 0; background-color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.175); }
#navigation .navbar .nav > li:hover > .dropdown-menu { display: block; }
#navigation .navbar .nav .dropdown-menu > li > a { color: #222; padding: 12px 15px 10px; border-bottom: 3px solid transparent; }
/*------------------------------------*\ 3. BANNER AREA \*------------------------------------*/
#banner { position: relative; background-color: #f8f8f8; background-size: cover; background-position: center; background-repeat: no-repeat; }
#banner:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(17, 19, 21, 0.6); }
#banner.banner-primary { padding: 30px 0; }
.banner-primary .section-title h2 span { color: #fff; }
#banner > .container, #banner > .container > .row, #banner > .container > .row > div { height: 100%; }
.banner-content { position: relative; margin-top: 40px !important; margin-bottom: 100px; padding: 30px 35px 35px; z-index: 0; }
.banner-content:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; }
.banner-content .title { max-width: 730px; }
.banner-content .title h2 { margin: 0 0 5px; color: #2162a3; font-size: 45px; font-weight: 800; }
.banner-content .title h2 span { color: #7DC01D; }
.banner-content .title p { margin: 0; }
.banner-primary .banner-content { margin: 0; padding: 0; }
.banner-primary .banner-content:before { display: none; }
.banner-primary .extensions { margin: 0 -15px; }
.banner-primary .extensions input:checked + label { color: #2162a3; }
#domainSearchForm { margin-top: 10px; }
#domainSearchForm .form-control { height: 42px;  2px solid #e9e9e9 !important  border-radius: 0;
box-shadow: none; background-color: #f8f8f8; outline: 0; }
#domainSearchForm .form-group { margin-bottom: 8px; }
#domainSearchForm .input-group-addon { padding: 0; border: none; border-radius: 0; }
#domainSearchForm .input-group-addon .form-control { padding: 0 40px; border: none; color: #fff; background-color: #00a63f; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
#domainSearchForm .input-group-addon .form-control:hover { background-color: #333; }
#bulkDomainSearchForm { margin: 15px 0 0; }
#bulkDomainSearchForm .form-control { width: 100%; border: none; }
#bulkDomainSearchForm textarea.form-control { height: 172px; padding: 25px; box-shadow: none; border: 1px solid #e9e9e9; background-color: #f8f8f8; border-radius: 0; font-size: 16px; line-height: 20px; letter-spacing: 2px; word-spacing: 2px; resize: none; }
#bulkDomainSearchForm .submit-btn { border: 0; border-radius: 0; font-size: 16px; font-weight: 700; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; outline: 0; cursor: pointer; }
.domain--search { position: relative; padding: 25px 30px 20px; background-color: #fff; }
.domain--addons { color: #fff; }
.domain--addons h2 { margin: -5px 0 28px; font-size: 34px; font-weight: 300; line-height: 38px; text-transform: uppercase; }
.domain--addons ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.domain--addons ul li { position: relative; float: left; width: 50%; padding-left: 60px; margin-bottom: 30px; }
.domain--addons ul li:nth-last-child(1), .domain--addons ul li:nth-last-child(2) { margin-bottom: 0; }
.domain--addons ul li i.fa { margin-right: 8px; position: absolute; top: 0; left: 0; width: 40px; height: 40px; color: #2162a3; font-size: 36px; line-height: 40px; text-align: center; }
.domain--addons ul li h3 { margin: 0 0 10px; font-size: 18px; line-height: 26px; text-transform: uppercase; -webkit-transition: color .25s ease; transition: color .25s ease; }
.domain--addons ul li:hover h3 { color: #2162a3; }
.extensions { margin: 0px 0 2px; }
.extensions input { margin: 0; vertical-align: middle; cursor: pointer; outline: 0; display: none; }
.extensions label { width: 10%; margin: 5px; font-weight: 400; cursor: pointer; -webkit-transition: color .25s; transition: color .25s; }
.extensions input:checked + label { color: #2162a3; }
.extensions label:before { content: "\f096"; margin-right: 8px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; }
.extensions input:checked + label:before { content: "\f046"; margin-right: 6px; }
.banner-primary .extension-slider-holder { margin: 0 -15px; }
.banner-primary .extension-slider { padding: 30px 0 0; }
.banner-primary .ext--name { font-size: 30px; line-height: 34px; }
.banner-primary .ext--price { padding: 5px 0; color: #303030; }
/*------------------------------------*\ 4. DOMAIN EXTENSION \*------------------------------------*/
.extension-slider { padding: 40px 0 60px; }
.ext--name { font-size: 50px; font-weight: 100; line-height: 58px; }
.ext--price { position: relative; padding: 10px 0; font-size: 16px; font-weight: 700; line-height: 20px; }
.ext--price:before { content: " "; position: absolute; top: 0; left: 15px; right: 15px; height: 100%; background-color: #fff; z-index: -1; }
.ext--price span { font-weight: 300; }
/*------------------------------------*\ 6. FEATURE AREA \*------------------------------------*/
#feature { padding: 80px 0 77px; counter-reset: feature; background: #f1f1f1; }
#feature.bg-smokewhite { background-color: #f5f5f5; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.feature-item { position: relative; margin-bottom: 50px; z-index: 0; }
.feature-item:nth-last-child(1), .feature-item:nth-last-child(2), .feature-item:nth-last-child(3), .feature-item:nth-last-child(4) { margin-bottom: 0; }
.feature-item:before { content: ' '; position: absolute; top: 30px; left: 12px; font-size: 80px; font-weight: 700; line-height: 80px; z-index: -1; color: #f8f8f8; }
.feature-item.counter:before { counter-increment: feature; content: counter(feature); }
.feature-item .icon { /*float: left;
     width: 40px;
     height: 40px;
    */
color: #337ab7; font-size: 36px; line-height: 40px; text-align: center; }
.feature-item .content { margin-top: 20px; text-align: justify;
    text-align-last: center; }
.feature-item .heading { margin: 0 0 10px; color: #5f5f5f; font-size: 18px; line-height: 26px; font-weight: bold; -webkit-transition: color .25s ease; transition: color .25s ease; }
.feature-item .desc { color: #737373; line-height: 20px; }
/*------------------------------------*\ 7. SERVICE AREA \*------------------------------------*/
#service { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }
#service:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); }
#service.service-primary { height: 100%; }
#service .section-title { margin-bottom: 0; }
#service .section-title h2 span { color: #fff; }
.service-slider .item { position: relative; }
.service-slider .item:before { position: absolute; content: " "; top: 0; right: 0; width: 50%; height: 100%; }
.service-slider .item .row { display: table; height: 100%; }
.service-slider .item .row > div { display: table-cell; vertical-align: middle; float: none; }
.service-slider .item .image img { width: 100%; }
.service-slider .item .content { padding: 96px 0 94px 50px; }
.service-slider .content h2 { margin: 0; font-size: 40px; font-weight: 300; text-transform: uppercase; }
.service-slider .content h2 span { display: block; font-size: 18px; text-indent: 1px; font-weight: 700; text-transform: uppercase; }
.service-slider .content p { color: #fff; }
.service-slider .content > p { margin-top: 30px; margin-bottom: 20px; }
.service-slider .content--footer { overflow: hidden; margin-top: 35px; }
.service-slider .content--footer a.btn { min-width: 150px; }
.service-slider .price-tag { position: absolute; top: 80px; right: 60px; width: 130px; padding: 37px 0; border-radius: 50%; text-align: center; z-index: 0; }
.service-slider .price-tag:before { content: " "; position: absolute; top: -10px; left: -10px; width: 150px; height: 150px; background-color: rgba(139,195,74,0.6); border-radius: 50%; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: -1; }
.service-slider .price-tag p { margin: 0; color: #fff; font-size: 16px; text-transform: capitalize; }
.service-slider .price-tag p span { display: block; font-size: 30px; font-weight: 700; line-height: 34px; margin: 0; text-transform: lowercase; }
.service-slider .price-tag p span em { font-size: 15px; font-weight: 300; font-style: normal; vertical-align: top; }
#service .bx-wrapper { margin-bottom: 0; border: none; box-shadow: none; background-color: transparent; }
#service .bx-pager { top: 50%; left: 0; right: 0; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1170px; margin: 0px auto; padding: 0 10px; text-align: left; }
#service .bx-pager-item { display: block; margin: 10px 0; }
#service .bx-pager-link { background-color: transparent; border: 1px solid #7DC01D; width: 12px; height: 12px; border-radius: 50%; -webkit-transition: background-color .25s ease; transition: background-color .25s ease; }
#service .bx-pager-link.active, #service .bx-pager-link:hover, #service .bx-pager-link:focus { background-color: #7DC01D; }
/*------------------------------------*\ 8. PRICING AREA \*------------------------------------*/
#pricing { padding: 40px 0; }
/* 8-1. PRICING TABLE */
.pricing-item-content { position: relative; -webkit-transition: box-shadow .25s ease; transition: box-shadow .25s ease; }
.pricing-item:hover .pricing-item-content, .pricing-item.active .pricing-item-content { box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }
.pricing-table .head { position: relative; padding: 30px 15px 100px; background-color: #f8f8f8; border-style: solid; border-width: 1px 1px 7px; border-color: #e9e9e9 #e9e9e9 #2162a3; color: #303030; text-align: center; -webkit-transition: border-color .25s ease, background-color .25s ease-in-out; transition: border-color .25s ease, background-color .25s ease-in-out; }
.pricing-item:hover .head, .pricing-item.active .head { border-color: #303030 #303030 #2162a3; background-color: #00a63f; }
.pricing-item:hover .head.border-green, .pricing-item.active .head.border-green { border-color: #2162a3; }
.pricing-table .head .title { position: relative; margin-top: 0; text-transform: uppercase; -webkit-transition: color .25s ease; transition: color .25s ease; }
.pricing-item:hover .head .title, .pricing-item.active .head .title { color: #fff; }
.pricing-item:hover .head .desc, .pricing-item.active .head .desc { color: #e9e9e9; }
.pricing-table .head .price { position: absolute; left: 0; right: 0; bottom: -75px; width: 150px; height: 150px; margin: 0 auto; padding-top: 53px; border-radius: 50%; color: #fff; background-color: #2162a3; font-size: 20px; line-height: 24px; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: 0; }
.pricing-table .head .price:before { content: " "; position: absolute; top: -10px; left: -10px; width: 170px; height: 170px; background-color: rgba(38,122,233,0.6); border-radius: 50%; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: -1; }
.pricing-table .head .price span { font-size: 24px; font-weight: 800; }
.pricing-table .head .desc { color: #737373; font-weight: 400; padding: 0 40px; }
.pricing-table .body { padding-top: 95px; border: 1px solid #e9e9e9; background-color: #fff; text-align: center; }
.bg-whitesmoke .pricing-table .body { background-color: #fff; }
.pricing-table .body .features ul { margin: 0; padding: 0; list-style: none; }
.pricing-table .body .features ul li { color: #737373; padding: 10px 20px; border-bottom: 1px solid rgba(0,0,0,.05); font-weight: 400; }
.pricing-table .body .buy-now { padding: 15px 0; }
.pricing-table .body .buy-now .btn { height: auto; padding: 10px 40px; background-color: #337ab7; border-radius: 5px; -webkit-transition: color .25s ease, background-color .25s ease-in-out; transition: color .25s ease, background-color .25s ease-in-out; }
.pricing-table .body .buy-now .btn:hover, .pricing-table .body .buy-now .btn:focus { background-color: #3ab54b; }
/* X-2. PRICING DEATILS */
.pricing-details { padding: 100px 0; }
.pricing-details .title { margin-bottom: 70px; text-align: center; }
.pricing-details .title h2 { display: inline-block; position: relative; margin: 0; padding-bottom: 25px; color: #222222; font-size: 30px; text-transform: uppercase; }
.pricing-details .title h2:before { content: " "; position: absolute; top: auto; left: 0; right: 0; bottom: 0; width: 50px; height: 2px; margin: 0 auto; background-color: #7dc01d; }
.pricing-details-item .heading { min-height: 62px; }
.pricing-details-item .heading h3 { border-style: solid; border-width: 1px 1px 0 0; border-color: #e9e9e9; color: #fff; background-color: #2162a3; font-size: 20px; font-weight: 500; text-align: center; text-transform: capitalize; margin: 0; padding: 20px 0; }
.bg-whitesmoke .pricing-details-item.body .content { background-color: #fff; }
.pricing-details-item.head .content, .pricing-details-item.body .content { border-top: 1px solid #e9e9e9; }
.pricing-details-item.head .content ul, .pricing-details-item.body .content ul { margin: 0; padding: 0; list-style: none; }
.pricing-details-item.head .content li { padding: 10px 20px; border-bottom: 1px solid #e9e9e9; color: #fff; background-color: #36393d; font-size: 16px; }
.pricing-details-item.head .content li:nth-child(odd) { background: #41444a; }
.pricing-details-item.body .content li { border: 0; font-size: 16px; padding: 10px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
.pricing-details-item.body .content .action-btn { padding: 20px 0; border-style: solid; border-width: 0 1px 1px 0; border-color: #e9e9e9; text-align: center; }
.pricing-details-item.body:nth-child(2) .content .action-btn { border-left: 1px solid #e9e9e9; }
.pricing-details-item.body .content .action-btn .btn { background-color: #2162a3; }
.pricing-details-item.body .content .action-btn .btn:hover, .pricing-details-item.body .content .action-btn .btn:focus { background-color: 25aae1; }
/*------------------------------------*\ 9. SUBSCRIBE AREA \*------------------------------------*/
#subscribe { position: relative; padding: 72px 0 80px; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; }
#subscribe:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); }
#subscribe h2 { text-transform: uppercase; font-weight: 700; color: #fff; margin: 0; line-height: 38px; }
#subscribe p { color: #fff; margin-top: 11px; margin-bottom: 0; font-size: 20px; font-weight: 300; }
#subscribeForm .input-box { width: 382px; padding: 8px 0 8px 12px; margin: 25px 0 35px; border: 1px solid #fff; box-shadow: none; outline: 0; }
#subscribeForm .input-box.error { border-color: #ff5252; border-radius: 5px; }
#subscribeForm .input-box.valid { border-color: #7dc01d; }
#subscribeForm .submit-button { display: block; width: 160px; margin: 0 auto; padding: 10px 0; color: #fff; border: none; font-size: 18px; font-weight: 500; -webkit-transition: .35s; -webkit-transition: .25s; transition: .25s; outline: 0; text-transform: uppercase; }
/*------------------------------------*\ 10. BLOG AREA \*------------------------------------*/
#blog { padding: 80px 0; overflow: hidden; }
.post-item > .row { display: table; height: 100%; }
.post-item > .row > div { display: table-cell; vertical-align: middle; height: 100%; float: none; }
.post-image img { width: 100%; }
.post-meta { display: table; width: 100%; height: 100%; margin-top: 20px; margin-bottom: 20px; }
.post-meta .date, .post-meta .comments { display: table-cell; vertical-align: middle; width: 50%; height: 55px; padding: 0; background-color: #222; color: #fff; text-align: center; text-transform: uppercase; font-size: 12px; overflow: hidden; }
.post-meta .comments { background-color: #2162a3; }
.post-meta .date i.fa { display: inline-block; text-align: center; font-size: 20px; margin: 0 10px 0 0; }
.post-meta .comments span { display: inline-block; font-size: 18px; font-weight: 500; }
.post-content { padding: 22px 30px 24px; border-bottom: 1px solid #e9e9e9; background-color: #f8f8f8; }
.post-content .title { margin: 0 0 12px; font-size: 30px; font-weight: 300; line-height: 38px; text-transform: uppercase; }
.post-content .title a { color: #2162a3; -webkit-transition: color .25s ease; transition: color .25s ease; }
.post-content .title a:hover, .post-content .title a:focus { color: 25aae1; }
.post-content .meta a { color: #737373; font-weight: 400; -webkit-transition: color .25s ease; transition: color .25s ease; }
.post-content .meta a:hover, .post-content .meta a:focus { color: #2162a3; }
.post-content .summery { margin-top: 15px; color: #737373; font-weight: 300; }
.post-content a.read-more-btn { margin-top: 20px; padding: 10px 20px; }
.post-content .footer { margin-top: 15px; }
.post-content .footer a { color: #303030; -webkit-transition: color .25s ease; transition: color .25s ease; }
.post-content .footer a:hover, .post-content .footer a:focus { color: #2162a3; }
/*------------------------------------*\ 11. COUNTER AREA \*------------------------------------*/
#counter { padding: 70px 0 74px; position: relative; }
#counter .section-title h2 span { color: #fff; }
.counter-holder { color: #fff; }
.counter-number-holder { margin-bottom: 8px; font-size: 0; font-weight: 700; }
.counter-holder i.fa { color: #2162a3; font-size: 32px; line-height: 36px; }
.counter-number { margin-left: 15px; font-size: 32px; line-height: 36px; }
.counter-text { margin-bottom: 12px; font-size: 16px; font-weight: 500; text-transform: uppercase; }
/*------------------------------------*\ 12. FEEDBACK AREA \*------------------------------------*/
#feedback { padding: 80px 0 77px; }
.clients-holder { position: relative; width: 480px; margin: 0 auto; overflow: hidden; }
.clients-slider { width: 100px; margin: 0 auto; text-align: center; z-index: 0; }
.clients-slider .item { display: inline-block; width: 80px; height: 80px; margin: 10px 0; border-radius: 50%; overflow: hidden; -webkit-transition: width .25s, height .25s, margin .25s; transition: width .25s, height .25s, margin .25s; cursor: pointer; }
.clients-slider .owl-item.active .item { width: 100px; height: 100px; margin: 0; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.clients-slider .owl-stage-outer { overflow: visible; }
.clients-slider .owl-item { float: none; display: inline-block; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: opacity .25s; transition: opacity .25s; }
.clients-slider .owl-item.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.clients-slider .owl-item .item img { -webkit-transform-style: flat; transform-style: flat; }
.feedback-slider { cursor: default; }
.feedback-item { max-width: 750px; margin: 40px auto 0; }
.feedback-comment { margin-bottom: 40px; padding: 0 15px; }
.feedback-comment p { color: #737373; text-align: center; font-size: 15px; line-height: 1.9; font-weight: 400; }
.feedback-info { color: #222; font-size: 15px; font-style: italic; font-weight: 500; text-align: center; }
/*------------------------------------*\ 13. FOOTER AREA \*------------------------------------*/
.footer-widgets { padding: 30px 0 0; background-color: #222; }
.footer-widgets .bottom { margin-top: 20px; padding-bottom: 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
/* 13-1 FOOTER WIDGET TITLE */
.footer-widgets .title { position: relative; margin: 0 0 25px; padding-bottom: 15px; color: #fff; font-size: 26px; font-weight: 100; line-height: 34px; text-transform: uppercase; }
.footer-widgets .title:before { content: " "; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background-color: #2162a3; }
/* 13-2 ABOUT WIDGET */
.footer-widgets .about { color: #fff; font-weight: 400; }
.footer-widgets .about address { margin: 30px 0 0; }
/* 13-3 USEFUL LINKS WIDGET */
.footer-widgets .useful-links ul { margin: 0; padding: 0; list-style: none; }
.footer-widgets .useful-links ul li { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px dotted rgba(255, 255, 255, 0.6); color: #fff; -webkit-transition: opacity .25s; transition: opacity .25s; }
.footer-widgets .useful-links ul li:last-child { margin-bottom: 0; }
.footer-widgets .useful-links ul li:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.footer-widgets .useful-links ul li i.fa { margin-right: 10px; }
.footer-widgets .useful-links ul li a { font-weight: 400; color: inherit; }
/* 13-4 FOOTER RECENT POSTS WIDGET */
.footer-widgets .recent-post-item { color: #fff; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted rgba(255, 255, 255, 0.6); }
.footer-widgets .recent-post-item:last-child { margin: 0; padding: 0; border-bottom: none; }
.footer-widgets .recent-post-item .image { max-width: 70px; max-height: 70px; float: left; margin-right: 15px; }
.footer-widgets .recent-post-item .content { margin-left: 85px; }
.footer-widgets .recent-post-item .heading { font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: 400; margin: 0 0 5px; }
.footer-widgets .recent-post-item .summery { margin-bottom: 0; color: #fff; font-weight: 300; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.footer-widgets .recent-post-item .meta { margin-bottom: 0; font-size: 12px; font-weight: 300; }
.footer-widgets .recent-post-item .meta a:hover { text-decoration: underline; }
/* 13-5 TWITTER WIDGET */
.footer-widgets .twitter { color: #fff; }
#footerTwitter { max-height: 270px; background-color: #fff; overflow: auto; }
/* 13-6 PAYMENT METHODS */
.footer-widgets .payment-methods { color: #fff; margin: 20px 0 0; }
.footer-widgets .payment-methods img { margin-left: 20px; height: 24px; }
/* 13-7 SOCIAL LINKS */
.footer-widgets .social-links {margin: 15px 0 0;}
.footer-widgets .social-links ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.footer-widgets .social-links ul li { float: left; margin-left: 5px; margin-bottom: 5px; }
.footer-widgets .social-links ul li a {display: block; width: 40px; padding: 8px 0; border: 1px solid #fff; color: #fff; font-size: 14px; text-align: center; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out;box-shadow:1px 1px 1px grey; }
.footer-widgets .social-links ul li a:hover, .footer-widgets .social-links ul li a:focus { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
/* 13-8 COPYRIGHT */
.copyright { padding: 20px 0 18px; color: #fff; background-color: #111; }
.copyright p { margin-bottom: 0; font-weight: 400; text-align: center; }
.copyright p a { display: inline-block; color: #2162a3; font-weight: 500; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out; }
.copyright p a:hover { color: #42b6ff; }
/*------------------------------------*\ 15. VPS HOSTING PAGE \*------------------------------------*/
/* 15-1 VPS PRICING AREA */
#vpsPricing { padding: 10px 0 10px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 0; }
#vpsPricing:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); z-index: -1; }
#vpsPricing .section-title h2 span { color: #e9e9e9; }
.vps-slider-holder { position: relative; padding: 80px 60px 40px; background-color: #fff; }
.vps-slider-holder2 { position: relative; padding: 80px 60px 40px; background-color: #fff; }
.vps-ruler { background: url('img/ruler.png') center top; display: table; height: 10px; margin: 45px auto 0; width: 100%; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
#vpsSlider { height: 6px; border: none; border-radius: 0; background-color: #d9d9d9; cursor: pointer; }
#vpsSlider .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#vpsSlider .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#vpsSlider .ui-slider-range { background-color: #2162a3; border-radius: 0; }
#vpsSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#vpsSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#vpsSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#vpsSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#vpsSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#vpsSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.vps-item-feature { margin-top: 20px; padding-top: 10px; padding-bottom: 10px; color: #fff; text-align: center; }
.vps-item-feature:last-child { border: none; }
.vps-item-feature-name, .vps-item-feature-value { display: block; padding: 10px 0; }
.vps-item-feature-name { border-bottom: 1px solid #2162a3; font-weight: 700; }
.vps-item-feature-value { font-size: 20px; }
.vps-total-price { margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.vps-total-price span { font-size: 42px; font-weight: 700; }
#vpsPricing .action { text-align: center; margin-top: 10px; }
#vpsPricing .action a { margin: 0 10px; min-width: 150px; }
#vpsPricing .action a.order-link { color: #fff; background-color: #2162a3; }
#vpsPricing .action a.order-link:hover, #vpsPricing .action a.order-link:focus { background-color: #42b6ff; }
#vpsPricing .action a.deatils-link { color: #fff; background-color: #2162a3; }
#vpsPricing .action a.deatils-link:hover, #vpsPricing .action a.deatils-link:focus { background-color: 25aae1; }
.vps-slider-stage { margin-top: 30px; }
.vps-slider-stage .stage { display: table-cell; width: 1%; text-align: center; }
.vps-slider-stage .stage h4 { color: #2162a3; }
/*------------------------------------*\ 16. SHARED HOSTING PAGE \*------------------------------------*/
/* 16-1 EXTRA FEATURE AREA */
#extraFeature { padding: 100px 0; background-color: #f8f8f8; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
#extraFeature.bg-white { background-color: #fff; border: none; }
.extra-feature-content { margin-top: 25px; }
.extra-feature-content .item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
.extra-feature-content .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.extra-feature-content .item .icon { float: left; margin-right: 25px; margin-top: 0; width: 56px; height: 56px; border-radius: 50%; border: 2px solid #838383; color: #838383; text-align: center; overflow: hidden; position: relative; }
.extra-feature-content .item .icon i.fa { font-size: 26px; font-weight: 800; margin-top: 12px; margin-left: 2px; }
.extra-feature-content .item .content .title { text-transform: capitalize; }
.extra-feature-content .item .content .desc { color: #6a7483; }
/*------------------------------------*\ 17. DEDICATED HOSTING PAGE \*------------------------------------*/
/* 17-1 DEDICATED PRICING AREA */
#dedicatedPricing { padding: 100px 0; background-color: #f5f5f5; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
#dedicatedPricing.bg-white { background-color: #fff; border: none; }
#dedicatedPricing.domains-page { background-color: #f8f8f8; border-top: 1px solid #e9e9e9; }
.dedicated-pricing-tab-filter { margin-bottom: 50px; }
.dedicated-pricing-tab-filter .nav { border: none; text-align: center; }
.dedicated-pricing-tab-filter .nav > li { display: inline-block; float: none; margin: 0; }
.dedicated-pricing-tab-filter .nav > li > a { min-width: 170px; margin: 0 2px; padding: 15px; border: none; border-radius: 0; color: #303030; background-color: #e9e9e9; }
.dedicated-pricing-tab-filter .nav > li > a:hover, .dedicated-pricing-tab-filter .nav > li.active > a { color: #fff; background-color: #2162a3; }
.dedicated-pricing-tab-filter .nav > li.active > a, .dedicated-pricing-tab-filter .nav > li.active > a:hover, .dedicated-pricing-tab-filter .nav > li.active > a:focus { border: none; }
#dedicatedPricing table { border: 1px solid #ccc; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
#dedicatedPricing table thead { background-color: #2162a3; color: #fff; }
#dedicatedPricing table thead th { padding: 15px 0 15px 15px; }
#dedicatedPricing table tr { border: 1px solid #ddd; padding: 5px; }
#dedicatedPricing table th, #dedicatedPricing table td { padding: 10px 15px; }
#dedicatedPricing table th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
#dedicatedPricing table tbody td { background-color: #fff; }
#dedicatedPricing table tbody tr:nth-child(even) td { background-color: #f8f8f8; }
#dedicatedPricing table .btn { background-color: #2162a3; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
#dedicatedPricing table .btn:hover, #dedicatedPricing table .btn:focus { background-color: 25aae1; }
/*------------------------------------*\ 18. DOMAIN PAGE \*------------------------------------*/
/* 18-1 DOMAIN PRICING AREA */
#domainPricing { padding: 50px 0; }
#domainPricing.domains-page { background-color: #f8f8f8; border-top: 1px solid #e9e9e9; }
.pricing-tab-filter { margin-bottom: 40px; }
.pricing-tab-filter .nav { border: none; text-align: center; }
.pricing-tab-filter .nav > li { display: inline-block; float: none; margin: 0; }
.pricing-tab-filter .nav > li > a { min-width: 170px; margin: 0 2px 10px; padding: 15px; border: none; border-radius: 0; color: #303030; background-color: #eee; }
.pricing-tab-filter .nav > li > a:hover, .pricing-tab-filter .nav > li > a:focus, .pricing-tab-filter .nav > li.active > a { color: #fff; background-color: #00a63f; }
.pricing-tab-filter .nav > li.active > a, .pricing-tab-filter .nav > li.active > a:hover, .pricing-tab-filter .nav > li.active > a:focus { border: none; }
#domainPricing table { border: 1px solid #ccc; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
#domainPricing table thead { background-color: #2162a3; color: #fff; }
#domainPricing table thead th { padding: 15px 0; }
#domainPricing table tr { border: 1px solid #ddd; padding: 5px; }
#domainPricing table th, #domainPricing table td { padding: 10px; text-align: center; }
#domainPricing table th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
#domainPricing table tbody td { background-color: #fff; }
#domainPricing table tbody tr:nth-child(even) td { background-color: #f8f8f8; }
#domainPricing table tbody td:first-child { font-weight: 700; font-size: 18px; }
/*------------------------------------*\ 19. ABOUT PAGE \*------------------------------------*/
/* 19-1 ABOUT DESCRIPTION */
.about-description { padding: 100px 0; }
.about-description .row { display: table; }
.about-description .row > div { display: table-cell; vertical-align: middle; float: none; }
.about-desc-img img { width: 100%; }
/* 19-2 TEAM */
#team { padding: 100px 0; background-color: #f5f5f5; border-style: solid; border-width: 1px 0 1px; border-color: #e9e9e9; }
.team-item figcaption { position: relative; }
.team-item figure img { max-width: 210px; margin: 0 auto; }
.team-item figcaption .name { margin: 0; padding: 20px 0 10px; text-align: center; text-transform: uppercase; }
.team-item figcaption .name a { color: #222; -webkit-transition: color .25s ease-in; transition: color .25s ease-in; }
.team-item:hover figcaption .name a { color: #2162a3; }
.team-item figcaption .role { color: #737373; margin: 0; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; text-transform: capitalize; }
.team-social-links { margin-top: 20px; text-align: center; }
.team-social-links ul { display: inline-block; font-size: 0; float: none; }
.team-social-links ul li a { font-size: 15px; color: #acacac; padding: 0px 15px; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out; }
.team-social-links ul li a:hover, .team-social-links ul li a:focus { background-color: transparent; color: #2162a3; }
/* 19-3 HISTORY */
#history { padding: 100px 0 60px; background-color: #f0f0f0; }
.timeline { list-style: none; padding: 0; margin: 0; position: relative; font-weight: 300; }
.timeline:before { top: 0; bottom: 20px; position: absolute; content: " "; width: 2px; background: #ffffff; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 20px; position: relative; width: 50%; float: left; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { float: left; border: 1px solid #dcdcdc; background: #ffffff; position: relative; }
.timeline > li:nth-child(odd) > .timeline-panel { margin-right: 30px; }
.timeline > li:nth-child(even) > .timeline-panel { margin-left: 30px; }
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content: " "; }
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; }
.timeline > li > .timeline-badge { width: 24px; height: 24px; text-align: center; position: absolute; top: 33px; right: -12px; color: #fff; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-title { margin-top: 0; color: inherit; }
.timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; }
.timeline-footer { padding: 5px 15px; background-color: #2162a3; color: #fff; font-weight: 700; }
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a { cursor: pointer; text-decoration: none; }
.timeline > li.timeline-inverted { float: right; clear: right; }
.timeline > li:nth-child(2) { margin-top: 60px; }
.timeline > li.timeline-inverted > .timeline-badge { left: -12px; }
.no-float { float: none !important; }
/*------------------------------------*\ 20. DATACENTER PAGE \*------------------------------------*/
/* X-1 MAP */
#map2 { height: 400px; }
/*------------------------------------*\ 21. AFFILIATE PAGE \*------------------------------------*/
/* 21-1 COUNTER */
.aCounter { padding: 96px 0 93px; text-align: center; }
.aCounter-icon i.fa { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto 20px; color: #01ABEF; background-color: #fff; font-size: 26px; -webkit-transition: .25s; transition: .25s; }
.aCounter-icon i.fa:before { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.aCounter-text { margin-bottom: 12px; padding-bottom: 24px; border-bottom: 1px solid #2162a3; color: #fff; font-weight: 500; text-transform: uppercase; }
.aCounter-number-holder { font-size: 36px; font-weight: 700; color: #fff; }
.aCounter-number-holder .counter-number { font-size: 36px; }
.affiliate-signup-btn-holder { text-align: center; margin-top: 60px; }
.affiliate-signup-btn-holder a { width: 140px; padding: 10px 0; text-transform: uppercase; }
.affiliate-signup-btn-holder a:hover, .affiliate-signup-btn-holder a:focus { background-color: 25aae1; }
/* 21-2. AFFILIATE PRICING */
#aPricing { padding: 100px 0; }
.a-pricing-item .head { padding: 50px 15px 40px; background-color: #2162a3; border-bottom: 7px solid 25aae1; text-align: center; }
.a-pricing-item .head .title { color: #fff; margin-top: 0; font-size: 23px; font-weight: 600; line-height: 24px; }
.a-pricing-item .head .price { color: #fff; font-size: 16px; line-height: 28px; text-transform: uppercase; }
.a-pricing-item .head .price span { font-size: 24px; font-weight: 800; }
.a-pricing-item .head .desc { color: #929292; font-weight: 400; }
/*------------------------------------*\ 22. LOGIN PAGE \*------------------------------------*/
/* 22-1 LOGIN AREA */
#login { padding: 100px 0; }
#loginForm { padding: 30px; background-color: #f0f0f0; max-width: 360px; margin: 0 auto; }
#loginForm p.help-block { font-weight: 400; font-size: 14px; margin: 25px 0 20px; }
#loginForm p.help-block a { color: #2e3138; font-size: 14px; font-weight: 700; -webkit-transition: color .25s ease; transition: color .25s ease; }
#loginForm p.help-block a:hover { color: #2162a3; }
#loginForm p.help-block a i.fa { margin-right: 5px; }
#loginForm label { font-weight: 400; }
#loginForm input.form-control { box-shadow: none; border-radius: 0; height: auto; min-height: 38px; }
#loginForm input.error { border-color: #ff5252; }
#loginForm input.valid { border-color: #7dc01d; }
#loginForm .submit-button { border-radius: 0; padding: 10px 0; font-weight: 500; text-transform: uppercase; background-color: #2162a3; color: #fff; -webkit-transition: background-color .25s; transition: background-color .25s; outline: 0; }
#loginForm .submit-button:hover { background-color: 25aae1; }
/*------------------------------------*\ 23. FAQ PAGE \*------------------------------------*/
/* 23-1 FAQ AREA */
#faq { padding: 100px 0; background-color: #f5f5f5; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
#faq.bg-white { background-color: #fff; border: none; }
.faq-categories h3 { font-size: 20px; font-weight: 700; margin: 0; position: relative; padding-bottom: 10px; text-transform: uppercase; }
.faq-categories h3:before { position: absolute; content: " "; width: 40px; height: 2px; background-color: #7dc01d; bottom: 0px; }
.faq-categories ul { margin-top: 25px; }
.faq-categories ul li a { color: #303030; background-color: #e9e9e9; margin-top: 6px; position: relative; font-size: 16px; font-weight: 500; text-transform: uppercase; -webkit-transition: color .25s, background-color .25s; transition: color .25s, background-color .25s; }
.faq-categories ul li a:hover, .faq-categories ul li.active a { color: #fff; background-color: #7dc01d; }
.faq-categories ul li a:before { content: " "; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 21px 0 21px 20px; border-color: transparent transparent transparent #7dc01d; -webkit-transition: right 0s; transition: right 0s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.faq-categories ul li a:hover:before, .faq-categories ul li.active a:before { right: -19px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: right .25s, opacity 0s ease .15s; transition: right .25s, opacity 0s ease .15s; }
.faq-content .panel-group { margin-bottom: 0; }
.accordion .panel { border-radius: 0; }
.accordion .panel-heading { padding: 0; }
.accordion .panel-heading a { display: block; padding: 10px 15px; color: #fff; background-color: #2162a3; }
.accordion .panel-heading a.collapsed { color: #303030; background-color: #e9e9e9; }
.accordion .panel-heading a h4 { font-weight: 500; overflow: hidden; }
.accordion .panel-heading a h4 i.fa-minus { float: right; color: #fff; }
.accordion .panel-heading a.collapsed i.fa-minus:before { content: "\f067"; color: #303030; }
/*------------------------------------*\ 24. BLOG PAGE \*------------------------------------*/
#blogPage { padding: 100px 0; overflow: hidden; }
/* 24-1 CONTENT */
#blogPage .post-item { margin-bottom: 55px; padding-bottom: 60px; position: relative; }
#blogPage .post-item:before { content: " "; position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: 1px; margin-left: 0; background-color: #e9e9e9; }
#blogPage .post-item:last-child { margin-bottom: 0; padding-bottom: 0; }
#blogPage .post-item:last-child:before { display: none; }
#blogPage .post-item .post-item-img img { width: 100%; }
#blogPage .post-video.local { background-color: #090709; }
#blogPage .post-audio.local audio { width: 100%; }
#blogPage .post-image img { width: 100%; }
#blogPage .post-image, #blogPage .post-item-img, #blogPage .post-audio, #blogPage .post-video { margin-bottom: 35px; }
#blogPage .post-meta { display: table; width: 100%; height: 100%; margin: 0 0 30px; }
#blogPage .post-meta .date, #blogPage .post-meta .comments { float: none; display: table-cell; vertical-align: middle; width: 50%; height: 75px; padding: 0; color: #fff; background-color: #e9e9e9; text-align: center; text-transform: uppercase; font-size: 12px; overflow: hidden; }
#blogPage .post-meta .date { font-size: 18px; }
#blogPage .post-meta .date a { color: #303030; }
#blogPage .post-meta .comments { background-color: #2162a3; font-size: 18px; }
#blogPage .post-meta .date i.fa { display: inline-block; text-align: center; font-size: 24px; margin: 0 10px 0 0; }
#blogPage .post-meta .comments span { display: inline-block; font-size: 18px; font-weight: 500; }
#blogPage .post-content .summery { margin-top: 20px; font-weight: 400; }
#blogPage .post-content a.read-more-btn { margin-top: 20px; }
#blogPage .post-content a.read-more-btn:hover, #blogPage .post-content a.read-more-btn:focus { background-color: 25aae1; }
.post-item-content blockquote { color: #2162a3; border-color: #2162a3; font-weight: 400; font-style: italic; }
.post-item-content li { color: #2162a3; font-weight: 400; }
.blog-page--pagination { font-size: 0; }
.blog-page--pagination .pagination { margin: 0; border-radius: 0; }
.blog-page--pagination li { font-size: 14px; }
.blog-page--pagination .pagination > li > span, .blog-page--pagination .pagination > li > a { color: #222; border-radius: 0; -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease; transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease; }
.blog-page--pagination .pagination > li > a:hover, .blog-page--pagination .pagination > li > a:focus, .blog-page--pagination .pagination > li > span:hover, .blog-page--pagination .pagination > li.active > span { color: #fff; background-color: #2162a3; border-color: #2162a3; }
.blog-page--pagination .pagination > li.disabled > span, .blog-page--pagination .pagination > li.disabled > span:hover, .blog-page--pagination .pagination > li.disabled > a, .blog-page--pagination .pagination > li.disabled > a:hover, .blog-page--pagination .pagination > li.disabled > a:focus { color: #222; background-color: #e9e9e9; border-color: #e9e9e9; }
/* 24-2 SIDEBAR */
.blog-page-sidebar .widget.search .form-control { border: none; box-shadow: none; border-radius: 0; background-color: #f8f8f8; height: auto; padding: 10px 12px; }
.blog-page-sidebar .widget.search .input-group-addon { border-radius: 0; border: none; color: #fff; background-color: #2162a3; cursor: pointer; padding: 0px 15px; }
.blog-page-sidebar .widget.search .input-group-addon:hover { background-color: 25aae1; }
.blog-page-sidebar .widget.search .input-group-addon button { background: transparent; border: none; padding: 0; }
.blog-page-sidebar .widget { padding-bottom: 50px; border-bottom: 1px solid #e9e9e9; margin-bottom: 50px; }
.blog-page-sidebar .widget:last-child { margin-bottom: 0; padding-bottom: 30px; border-bottom: none; }
.blog-page-sidebar .widget-title { position: relative; margin: 0 0 25px; padding-bottom: 15px; color: #303030; font-size: 26px; font-weight: 100; line-height: 34px; text-transform: uppercase; }
.blog-page-sidebar .widget-title:before { position: absolute; content: " "; width: 40px; height: 2px; background-color: #2162a3; bottom: 0px; }
.blog-page-sidebar .widget.recent-items .footer-thumb .row-holder { margin: 15px 0 0; padding-bottom: 15px; }
.widget.recent-items .footer-thumb .row-holder:last-child { border-bottom: none; padding-bottom: 0; }
.blog-page-sidebar .widget.recent-items .left-col img { border-color: #e9e9e9; }
.blog-page-sidebar .widget.recent-items a.footer-thumb-link { color: #666; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; display: block; -webkit-transition: color .25s ease; transition: color .25s ease; }
.blog-page-sidebar .widget.recent-items a.footer-thumb-link:hover, .blog-page-sidebar .widget.recent-items a.footer-thumb-link:focus { color: #2162a3; }
.blog-page-sidebar .widget.recent-items .footer-thumb-text { color: #999; }
.blog-page-sidebar .widget.recent-items span.footer-thumb-date { color: #666; font-weight: 300; }
.blog-page-sidebar .widget.categories ul, .blog-page-sidebar .archives ul, .blog-page-sidebar .tags ul { list-style: none; padding: 0; margin: 0; }
.blog-page-sidebar .widget.categories li, .blog-page-sidebar .widget.tags li, .blog-page-sidebar .archives li { position: relative; padding: 16px 0 0; cursor: pointer; }
.blog-page-sidebar .widget.tags li { display: inline-block; padding: 20px 25px 0 0; }
.blog-page-sidebar .widget.recent-items .footer-thumb .row-holder .left-col img { margin-bottom: 15px; margin-top: 20px; }
.blog-page-sidebar .widget.categories li a, .blog-page-sidebar .widget.tags li a, .blog-page-sidebar .widget.archives li a { font-size: 13px; font-weight: 500; line-height: 1.45; color: #666; -webkit-transition: color .25s ease; transition: color .25s ease; }
.blog-page-sidebar .widget.categories li:hover a, .blog-page-sidebar .widget.tags li:hover a, .blog-page-sidebar .widget.archives li:hover a { color: #2162a3; }
#sidebarTwitter { max-height: 270px; border: 1px solid #e9e9e9; overflow: auto; }
/*------------------------------------*\ 25. BLOG DETAILS PAGE \*------------------------------------*/
.full-post > .row { display: block; }
.full-post > .row > div { display: block; float: left; }
.full-post .post-category-text { display: inline-block; margin-top: 35px; margin-bottom: 0; font-weight: 700; }
.full-post .category-link { color: #737373; font-weight: 500; margin-left: 10px; }
.full-post .category-link:hover { color: #2162a3; }
.full-post:hover a.btn-custom { background-color: transparent; -webkit-transition: color .25s ease; transition: color .25s ease; }
.full-post:hover a.btn-custom:hover { background-color: transparent; color: #2162a3; }
.full-post .tags ul { margin: 0; padding: 0; list-style: none; }
.full-post .tags li { display: inline-block; }
.full-post .tags li a { color: #737373; background-color: transparent; font-weight: 500; text-transform: lowercase; padding: 15px 15px 15px 0; }
.full-post .tags li strong { margin-right: 15px; }
.full-post .post-author-metadata { background-color: #e9e9e9; margin-top: 20px; margin-bottom: 30px; }
.full-post .post-author-metadata a { color: #222; margin-left: 15px; font-weight: 500; }
.full-post .post-author-metadata a:hover { color: #2162a3; }
.post-social-links { margin-top: 20px; }
.post-social-links ul { list-style: none; margin: 0; padding: 0; font-size: 0; text-align: right; }
.post-social-links li { display: inline-block; margin-left: 2px; }
.post-social-links li a { color: #2e3138; border: 1px solid #2e3138; padding: 6px 0; display: block; font-size: 14px; width: 35px; margin: 18px 0; text-align: center; }
.post-social-links li a:hover { color: #fff; border: 1px solid #2162a3; background: #2162a3; }
.post-comments-title { margin-top: 0; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; font-size: 20px; font-weight: 700; text-transform: uppercase; }
.post-comments ul { list-style: none; margin: 0; padding: 0; padding-left: 30px; }
.post-comments ul li { margin: 25px 0; }
.comment-thumb a { overflow: hidden; color: #2162a3; font-weight: 500; }
.comment-thumb { margin-bottom: 15px; overflow: hidden; }
.comment-meta { margin-top: 15px; margin-left: 15px; }
a.comment-reply { background: #2162a3; border-radius: 0; color: #fff; margin-top: 10px; padding: 7px 20px; text-transform: uppercase; }
a.comment-reply:hover, a.comment-reply:focus { color: #fff; background-color: 25aae1; box-shadow: none; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in; transition: background-color .25s ease-in-out, color .25s ease-in; }
.single-comment { border-bottom: 1px solid #e9e9e9; padding-bottom: 25px; }
.post-comment-form { padding-top: 50px; margin-top: -26px; }
.post-comment-form-group .form-control { border-radius: 0; margin-top: 20px; box-shadow: none; resize: none; }
.post-comment-form-group .form-control.submit-btn { width: auto; height: auto; padding: 10px 40px; background: #2162a3; border: none; color: #fff; font-weight: 500; text-transform: uppercase; -webkit-transition: .25s; transition: .25s; }
.post-comment-form-group .form-control.submit-btn:hover { background: 25aae1; border-color: 25aae1; color: #fff; }
.post-comment-form-group .form-control.error { border-color: #ff5252; }
.post-comment-form-group .form-control.valid { border-color: #7dc01d; }
/*------------------------------------*\ 26. CONTACT PAGE \*------------------------------------*/
#contact { padding: 100px 0; }
/* 26-1 CONTACT ADDRESS */
.contact-address h2 { position: relative; margin: 0 0 25px; padding-bottom: 15px; color: #303030; font-size: 26px; font-weight: 100; line-height: 34px; text-transform: uppercase; }
.contact-address h2:before { position: absolute; content: " "; width: 40px; height: 2px; background-color: #2162a3; bottom: 0px; }
.contact-address address { margin-top: 30px; }
.contact-address address p { margin-bottom: 30px; color: #737373; font-weight: 400; font-size: 16px; overflow: hidden; }
.contact-address address p:last-child { margin-bottom: 0; }
.contact-address address p i.fa, .contact-address address p span { display: table-cell; vertical-align: middle; }
.contact-address address p i.fa { color: #2162a3; font-size: 20px; width: 35px; padding: 5px 0; text-align: center; }
.contact-social-links { margin-top: 20px; }
.contact-social-links ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.contact-social-links li { display: inline-block; margin-right: 4px; }
.contact-social-links li a { color: #222; border: 1px solid #222; padding: 6px 0; display: block; font-size: 14px; width: 35px; margin: 18px 0 0; text-align: center; }
.contact-social-links li a:hover { color: #fff; border: 1px solid #2162a3; background: #2162a3; }
/* 26-2 CONTACT FORM */
#contactForm { padding-left: 50px; font-weight: 400; }
#contactForm label { font-weight: 400; }
#contactForm input.form-control { border-color: #e9e9e9; border-radius: 0; box-shadow: none; font-weight: 400; height: auto; min-height: 38px; }
#contactForm textarea.form-control { border-color: #e9e9e9; border-radius: 0; box-shadow: none; resize: none; margin-top: 15px; font-weight: 400; }
#contactForm input.error, #contactForm textarea.error { border-color: #ff5252; }
#contactForm input.valid, #contactForm textarea.valid { border-color: #7dc01d; }
#contactForm .submit-button { border-radius: 0; padding: 10px 30px; background-color: #2162a3; font-weight: 500; text-transform: uppercase; outline: 0; }
#contactForm .submit-button:hover { background-color: 25aae1; }
/* 26-3 CONTACT ACTIONS */
#contactActions { padding: 100px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; }
#contactActions:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); }
.ca-icon i.fa { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto 20px; color: #2162a3; background-color: #fff; font-size: 26px; -webkit-transition: .25s; transition: .25s; }
.ca-icon i.fa:before { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ca-text { margin-bottom: 12px; color: #fff; font-weight: 500; text-transform: uppercase; }
.ca-holder p { color: #fff; }
.ca-holder a.btn { width: 140px; padding: 10px 0; }
.ca-holder a.btn:hover, .ca-holder a.btn:focus { color: #fff; background-color: 25aae1; }
/* 26-4 MAP */
#map { height: 400px; }
/*------------------------------------*\ 14. GENERAL PAGE STYLES \*------------------------------------*/
/* 14-1 PAGE HEADER */
#pageHeader { padding: 35px 0 35px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; }
#pageHeader:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); }
#pageHeader .section-title { margin-top: 5px; margin-bottom: 10; }
#pageHeader .section-title h2 span { color: #fff; }
#pageHeader .description p { color: #fff; margin: 50px 0 0; }
#pageHeader .breadcrumb-holder { margin-top: 25px; }
#pageHeader .breadcrumb-holder .breadcrumb { margin: 0; padding: 0; background-color: transparent; text-transform: uppercase; font-weight: 400; }
#pageHeader .breadcrumb-holder .breadcrumb>.active { color: #7dc01d; }
#pageHeader .breadcrumb-holder .breadcrumb li a { -webkit-transition: color .25s ease-in; transition: color .25s ease-in; }
#pageHeader .breadcrumb-holder .breadcrumb li a:hover { color: #7DC01D; }
/* 14-2 PAGE HEADER SLIDER */
#pageHslider { height: 100%; min-height: 710px; position: relative; background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
#pageHslider:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); }
#pageHslider.bg-white { background-color: #fff; }
.pageHslider-slider { height: 100%; padding-top: 70px; }
.pageHslider-slider .owl-stage-outer, .pageHslider-slider .owl-stage, .pageHslider-slider .owl-item, .pageHslider-slider .owl-item .item, .pageHslider-slider .owl-item .item > .container, .pageHslider-slider .owl-item .item > .container > .row, .pageHslider-slider .owl-item .item > .container > .row > div { height: 100%; }
.pageHslider-item-content { color: #fff; }
.pageHslider-item-content h2 { margin: 0; color: #2162a3; font-size: 40px; font-weight: 300; text-transform: uppercase; }
.pageHslider-item-content h2 span { display: block; font-size: 18px; text-indent: 1px; font-weight: 700; color: #fff; text-transform: uppercase; }
.pageHslider-item-content p { margin-top: 30px; margin-bottom: 20px; }
.pageHslider-item-content .price { overflow: hidden; margin-top: 35px; padding-top: 4px; }
.pageHslider-item-content .price p { float: left; margin-top: -4px; margin-bottom: 0; margin-right: 30px; text-transform: capitalize; font-weight: 500; font-size: 16px; }
.pageHslider-item-content .price p span { display: block; font-size: 30px; font-weight: 700; line-height: 34px; margin: 0; }
.pageHslider-item-content .price p span em { font-size: 15px; font-weight: 300; font-style: normal; vertical-align: top; }
.pageHslider-item-content p i.fa { color: #2162a3; }
.pageHslider-item-content .price a { padding: 15px 25px; background-color: #2162a3; font-size: 16px; font-weight: 400; line-height: 45px; text-transform: uppercase; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in; transition: background-color .25s ease-in-out, color .25s ease-in; }
.pageHslider-item-content .price a:hover, .pageHslider-item-content .price a:focus { color: #fff; background-color: 25aae1; }
.pageHslider-slider .header-item-img img { width: 100%; }
.pageHslider-slider .owl-dots { position: absolute; left: 0; bottom: 40px; width: 100%; font-size: 0; text-align: center; z-index: 1; }
.pageHslider-slider .owl-dot { content: " "; width: 10px; height: 10px; background-color: #acacac; border-radius: 5px; -webkit-transition: padding-right .25s; transition: padding-right .25s; display: inline-block; margin: 0 5px; }
.pageHslider-slider .owl-dot.active { padding-right: 20px; background-color: #2162a3; }
/*------------------------------------*\ 27. 404 PAGE \*------------------------------------*/
#f0f { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; z-index: 0; height: 100%; }
#f0f:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 62, 80, 0.6); z-index: -1; }
#f0f > .container, #f0f > .container > .row, #f0f > .container > .row > div { height: 100%; }
#f0f .section-title { margin: 0; }
#f0f .section-title h2 { margin: 0; padding: 0; font-size: 120px; }
#f0f .section-title h2:before { display: none; }
#f0f .description p { color: #fff; margin: 20px 0 30px; font-size: 20px; font-weight: 500; }
#f0f a.btn { padding: 10px 30px; background-color: #2162a3; }
#f0f a.btn:hover, #f0f a.btn:focus { background-color: 25aae1; }
#f0f a.btn i.fa { margin-right: 10px; }
.f0f--search-bar { margin-bottom: 50px; }
.f0f--search-bar .form-control { border: none; box-shadow: none; border-radius: 0; background-color: #f8f8f8; height: auto; padding: 10px 12px; }
.f0f--search-bar .input-group-addon { border-radius: 0; border: none; background-color: #2162a3; color: #fff; cursor: pointer; padding: 0px 15px; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
.f0f--search-bar .input-group-addon:hover { background-color: 25aae1; }
.f0f--search-bar .input-group-addon button { background-color: transparent; border: none; outline: 0; }
/*------------------------------------*\ 28. HELPER CLASSES \*------------------------------------*/
/* 28-1 RESET-GUTTER */
.reset-gutter { margin-left: 0; margin-right: 0; }
 .reset-gutter > [class*='col-'] {
 padding-left: 0;
 padding-right: 0;
}
/* 28-2 RESET-MARGIN */
.reset-margin { margin-right: 0; margin-left: 0; }
/* 28-3 RESET-PADDING */
.reset-padding { padding-right: 0; padding-left: 0; }
/* 28-4 VERTICAL-CENTERING */
.vc-parent { width: 100%; height: 100%; display: table; }
.vc-child { display: table-cell; vertical-align: middle; }
.vc-child-bottom { display: table-cell; vertical-align: bottom; }
/* 29-5 ROW-EQUAL-HEIGHT */
.row-eq-height { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/* 29-6 RESPONSIVE-COLUMNS */
.res-col > .col-md-4 { margin-bottom: 30px; }
.res-col > .col-md-4:nth-last-child(1), .res-col > .col-md-4:nth-last-child(2), .res-col > .col-md-4:nth-last-child(3) { margin-bottom: 0; }
#CurrLangBox select { margin: 0 15px; }
.nav > li > a { padding: 10px 13px; font-size: 12px; margin-left: 2px; }
.bottom_sett { width: 80%; margin: auto; }
.bottom_sett h1 { font-size: 15px; }
.bottom_sett h2 { font-size: 14px; }
.bottom_sett h3 { font-size: 13px; }
.bottom_sett h4 { font-size: 12px; }
.bottom_sett h5 { font-size: 11px; }
#SSLPAge .banner-content { position: relative; margin-top: 100px; margin-bottom: 40px; padding: 20px 35px 205px; z-index: 0; }
#linux_type { height: 240px; background-repeat: no-repeat; background-image: url(img/linux_type.png); float: left; color: #CCCCCC; font: 13px/1.42857 arial, helvetica, clean, sans-serif; padding-left: 10px; padding-right: 10px; }
#windows_type { height: 240px; background-repeat: no-repeat; background-image: url(img/windows_type.png); float: left; color: #CCCCCC; font: 13px/1.42857 arial, helvetica, clean, sans-serif; padding-left: 10px; padding-right: 10px; }
#cloud_type { height: 240px; background-repeat: no-repeat; background-image: url(img/cloud_type.png); float: left; color: #CCCCCC; font: 13px/1.42857 arial, helvetica, clean, sans-serif; padding-left: 10px; padding-right: 10px; }
#java_type { height: 240px; background-repeat: no-repeat; background-image: url(img/java_type.png); float: left; color: #CCCCCC; font: 13px/1.42857 arial, helvetica, clean, sans-serif; padding-left: 10px; padding-right: 10px; }
.hostingBoock a { font-size: 17px; font-weight: bold; padding: 14px 4px; /* border: 2px solid red;
     */
top: 29px; position: relative; left: 18px; }
#linux_type a { top: 29px; }
#windows_type a { top: 12px; left: 25px; }
#cloud_type a { }
#java_type a { top: 29px; left: 25px; }
/**/
#linuxSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#linuxSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#linuxSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#linuxSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#linuxSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#linuxSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.linux-total-price { margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.linux-total-price span { font-size: 42px; font-weight: 700; }
/**/
#windowsSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#windowsSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#windowsSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#windowsSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#windowsSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#windowsSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.windows-total-price { margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.windows-total-price span { font-size: 42px; font-weight: 700; }
/**/
/**/
#javaSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#javaSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#javaSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#javaSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#javaSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#javaSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.java-total-price { margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.java-total-price span { font-size: 42px; font-weight: 700; }
/**/
/**/
#cloudSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#cloudSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#cloudSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#cloudSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#cloudSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#cloudSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.cloud-total-price { margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.cloud-total-price span { font-size: 42px; font-weight: 700; }
/**/
#linuxRSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#linuxRSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#linuxRSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#linuxRSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#linuxRSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#linuxRSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.linux-total-price { margin-top: 5px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.linux-total-price span { font-size: 42px; font-weight: 700; }
/**/
/**/
#windowsRSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#windowsRSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#windowsRSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#windowsRSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#windowsRSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#windowsRSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#linuxVPSSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#linuxVPSSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#linuxVPSSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#linuxVPSSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#linuxVPSSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#linuxVPSSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
#windowVPSSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#windowVPSSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#windowVPSSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#windowVPSSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#windowVPSSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#windowVPSSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uslinuxVPSSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uslinuxVPSSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uslinuxVPSSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uslinuxVPSSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uslinuxVPSSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uslinuxVPSSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uswindowVPSSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uswindowVPSSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uswindowVPSSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uswindowVPSSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uswindowVPSSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uswindowVPSSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#windowDedicatedSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#windowDedicatedSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#windowDedicatedSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#windowDedicatedSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#windowDedicatedSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#windowDedicatedSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#linuxDedicatedSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#linuxDedicatedSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#linuxDedicatedSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#linuxDedicatedSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#linuxDedicatedSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#linuxDedicatedSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uslinuxDedicatedSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uslinuxDedicatedSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uslinuxDedicatedSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uslinuxDedicatedSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uslinuxDedicatedSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uslinuxDedicatedSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uswindowDedicatedSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uswindowDedicatedSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uswindowDedicatedSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uswindowDedicatedSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uswindowDedicatedSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uswindowDedicatedSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#linuxCloudeSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#linuxCloudeSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#linuxCloudeSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#linuxCloudeSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#linuxCloudeSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#linuxCloudeSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uslinuxCloudeSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uslinuxCloudeSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uslinuxCloudeSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uslinuxCloudeSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uslinuxCloudeSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uslinuxCloudeSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#windowCloudeSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#windowCloudeSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#windowCloudeSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#windowCloudeSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#windowCloudeSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#windowCloudeSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#uswindowCloudeSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#uswindowCloudeSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#uswindowCloudeSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#uswindowCloudeSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#uswindowCloudeSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#uswindowCloudeSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#emailSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#emailSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#emailSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#emailSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#emailSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#emailSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
#zimbraSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#zimbraSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#zimbraSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#zimbraSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#zimbraSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#zimbraSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/**/
#mailboxSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#mailboxSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#mailboxSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#mailboxSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#mailboxSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#mailboxSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
/**/
/* Wordpress */
#wordpressSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#wordpressSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#wordpressSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#wordpressSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#wordpressSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#wordpressSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.wordpress-total-price { margin-top: 5px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.wordpress-total-price span { font-size: 42px; font-weight: 700; }
/**/
/* E-Commerce */
#ecommerceSlider2 { width: 75%; height: 6px; margin: 0 auto; border: none; border-radius: 0; position: relative; background-color: #d9d9d9; cursor: pointer; }
#ecommerceSlider2:before { content: " "; position: absolute; top: 0px; left: -127px; width: 127px; height: 6px; background-color: #2162a3; }
#ecommerceSlider2:after { content: " "; position: absolute; top: 0; right: -127px; width: 127px; height: 6px; background-color: #d9d9d9; }
#ecommerceSlider2 .ui-slider-handle { top: -25px; color: #2162a3; background-color: transparent; font-size: 48px; border: none; text-align: center; outline: 0; cursor: pointer; }
#ecommerceSlider2 .ui-slider-handle:before { content: " "; position: absolute; top: 22px; left: 22px; width: 14px; height: 14px; background-color: #FFFFFF; border-radius: 50%; }
#ecommerceSlider2 .ui-slider-range { background-color: #2162a3; border-radius: 0; }
.ecommerce-total-price { margin-top: 5px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; }
.ecommerce-total-price span { font-size: 42px; font-weight: 700; }
/**/
.vps-hosting-server-india .col-md-3.pricing-details-item.body { padding: 5px; }
.vps-hosting-server-india .desc { padding: 5px; }
.contact-bar .social-icons .nav li a { font-size: 14px; font-weight: 400; }
.contact-bar a { font-size: 14px; font-weight: 400; }
#dynamic_currecny { line-height: 20px; margin: 0 0 0 5px; outline: medium none; padding: 2px 8px 2px 25px; }
.header { z-index: 999; }
.affix { top: 0; width: 100%; position: fixed; }
.affix, .header { background-color: #fff; }
#menu_trigger { display: none; left: 10px; width: 43px; }
#menu_trigger, #phone_trigger { position: absolute; top: 2px; cursor: pointer; }
.logo { padding: 5px 0 !important; }
.call-mob { float: right; position: absolute; right: 15px; top: 0; }
.call-mob button { background-color: rgba(0,0,0,0); border: 0; padding: 0; }
.call-mob .dropdown-menu { left: auto; padding: 0; right: 0; }
.call-mob .dropdown-menu li img { left: 10px; position: absolute; top: 10px; width: 18px; }
.homepage .header { box-shadow: none; }
 @media only screen and (min-width: 992px) {
#nav_wrapper.positionStatic { position: static; }
}
.menu-dropdown-icon:before, .menu-mobile:after { font-family: Ionicons; float: right }
.menu-container, .menu>ul { width: 100% }
.menu>ul:after, .menu>ul>li>.sub-menu ul li>ul:after, .menu>ul>li>.sub-menu ul:after { clear: both }
.description { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.menu-mobile { display: none; padding: 20px }
.menu-mobile:after { content: "\f394"; font-size: 2.5rem; padding: 0; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%) }
.menu-dropdown-icon:before { content: "\f489"; display: none; cursor: pointer; padding: 1.5em 2em; background: #ffba00; color: #000 }
.menu>ul { margin: 0 auto; list-style: none; padding: 0; box-sizing: border-box }
.menu>ul:after, .menu>ul:before { content: ""; display: table }
.menu>ul>li { float: left; padding: 0; margin: 0 }
.menu>ul>li a { text-decoration: none; padding: 5px 15px; display: block; color: #000; text-transform: uppercase }
.menu>ul>li>ul, .sub-menu { background: #ffee58; display: none; left: 0; margin: 0; padding: 20px 20px 0; position: absolute; width: 100%; z-index: 99; list-style: none; box-sizing: border-box }
.sub-menu { height: calc(100vh - 108px)!important }
.menu>ul>li>.sub-menu ul:after, .menu>ul>li>.sub-menu ul:before { content: ""; display: table }
.menu>ul>li>.sub-menu ul li { margin: 0 0 20px; padding-bottom: 0; list-style: none; background: 0 0; float: left; text-align: left; }
.menu>ul>li>.sub-menu ul li a { color: #767676 !important; padding: 0 20px 0; width: 95%; display: block; font-size: 14px; text-transform: capitalize; font-weight: bold; font-family: 'open sans', sans-serif; border-bottom: 1px solid rgba(0,0,0,0.25); }
.menu>ul>li>.sub-menu ul li>ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box }
.menu>ul>li>.sub-menu ul li>ul:after, .menu>ul>li>.sub-menu ul li>ul:before { content: ""; display: table }
.menu>ul>li>.sub-menu ul li>ul>li { float: left; width: 100%; padding: 5px 0; margin: 0; font-size: .8em }
.menu>ul>li>.sub-menu ul li>ul>li a { border: 0 }
.menu>ul>li>.sub-menu ul.normal-sub { width: 300px; left: auto; padding: 20px }
.menu>ul>li>.sub-menu ul.normal-sub li { width: 100% }
.menu>ul>li>.sub-menu ul.normal-sub li a { border: 0; padding: 5px 0 }
@media only screen and (max-width:991px) {
.menu-container, .menu>ul>li, .menu>ul>li>.sub-menu ul.normal-sub { width: 100% }
.menu>ul>li>.sub-menu ul>li>ul, .menu>ul>li>ul, .sub-menu { position: relative }
.menu .show-on-mobile, .menu-dropdown-icon:before, .menu-mobile, .menu>ul>li { display: block }
.sub-menu { padding-left: 5px; height: auto!important }
.menu>ul>li { float: none; border-bottom: 1px solid #000 }
.menu>ul>li>.sub-menu ul>li { float: none; width: 100%; margin-top: 20px }
.menu>ul>li>.sub-menu ul>li:first-child { margin: 0 }
.menu>ul>li>.sub-menu ul>li>ul>li { float: none }
}
.logo { padding: 14px 0 0 0; }
.menu>ul>li.menu-1:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-2:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-3:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-4:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-5:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-1 .sub-menu, .menu>ul>li.menu-6:hover>a { background-color: none; color: #337ab7; }
.menu>ul>li.menu-2 .sub-menu { background-color: #fff; color: #333; border-top: 2px solid #337ab7; }
.menu>ul>li.menu-3 .sub-menu { background-color: #fff; color: #333; border-top: 2px solid #337ab7; }
.menu>ul>li.menu-4 .sub-menu { background-color: #fff; color: #333; border-top: 2px solid #337ab7; }
.menu>ul>li.menu-5 .sub-menu { background-color: #fff; color: #333; border-top: 2px solid #337ab7; }
.menu>ul>li.menu-6 .sub-menu { background-color: #fff; color: #333; border-top: 2px solid #337ab7; }
.menu>ul>li.menu-3 .sub-menu { /*background-image: url(img/hosting.png);
    */
background-position: 80% 60%; background-repeat: no-repeat; background-size: 540px; }
.menu>ul>li.menu-4 .sub-menu { /* background-image: url(img/server.png);
    */
background-position: 94% 60%; background-repeat: no-repeat; background-size: 440px; }
.menu>ul>li.menu-5 .sub-menu { /*background-image: url(img/email.png);
    */
background-position: 74% 60%; background-repeat: no-repeat; background-size: 320px; }
.menu>ul>li.menu-6 .sub-menu { /*background-image: url(img/about.png);
    */
background-position: 94% 60%; background-repeat: no-repeat; background-size: 320px; }
.menu>ul>li.menu-6>.sub-menu ul li.li-list { width: 33.333%; }
.menu>ul>li.menu-6>.sub-menu ul li.li-list i { display: inline-block; font-size: 18px; left: 0; margin: 0; position: absolute; top: 0; }
.menu-6>.sub-menu ul li.li-list a { background-image: url( img/whit-round.png); background-position: left center; background-repeat: no-repeat; background-size: 16px auto; color: #fff; font-size: 15px!important; font-weight: 400!important; padding: 0 0 0 27px; text-transform: none!important }
.menu>ul>li>a { font-weight: bold; color: #000; display: block; line-height: 40px; padding: 5px 35px; text-decoration: none; text-transform: uppercase }
.col-xs-12 a { color: #fff!important; font-size: 14px; font-weight: 700; text-transform: uppercase }
.menu>ul>li>.sub-menu ul li>ul>li a { background-image: url( img/whit-round.png); background-position: left center; background-repeat: no-repeat; background-size: 12px auto; color: #36ea7f; font-size: 14px!important; font-weight: 400!important; padding: 5px 5px 5px 20px; text-transform: none!important }
.menu>ul>li>.sub-menu ul li.li-list { width: 16.6% }
.menu>ul>li>.sub-menu ul .li-list>a { color: #fff; display: block; font-size: 15px; font-weight: 700; text-align: left; text-transform: uppercase }
.menu>ul>li>.sub-menu ul li a i { display: block; font-size: 25px; margin: 5px 0 10px; text-align: left }
.menu>ul>li>.sub-menu ul li a i.fa.fa-mobile-phone { font-size: 35px; margin: 0 0 5px }
.top-margin { margin: 130px 0 0 }
.stew-r { float: left; margin: 50px 0 }
.menu-4 .sub-menu li { background-color: rgba(92,73,176,0)!important }
.menu>ul>li:hover .sub-menu { display: block }
.menu>ul>li>.sub-menu ul li a:hover { color: #09aaf5 !important; }
.menu>ul>li.menu-3>.sub-menu ul li.li-list { width: 33.333% }
.menu>ul>li.menu-3>.sub-menu ul li.li-list i { display: inline-block; font-size: 18px; left: 0; margin: 0; position: absolute; top: 0 }
.menu>ul>li.menu-3>.sub-menu ul li.li-list a { font-size: 13px; font-weight: 400; margin: 0; padding: 0 0 0 35px; position: relative }
.menu>ul>li.menu-3>.sub-menu ul li.li-list i.fa-mobile-phone { font-size: 22px }
.process_listing_abut h5 img { display: inline-block; margin: 0 10px 0 0; text-align: center; width: 40px }
 @media screen and (max-width:980px) {
.menu>ul>li.menu-3>.sub-menu ul li.li-list, .menu>ul>li>.sub-menu ul li, .sub-menu .container { width: 100% }
.about_below_img { display: none }
.below_aboout_inner { padding: 0 0 20px }
.menu>ul>li>ul, .sub-menu { padding: 0; position: relative }
.menu>ul>li.menu-2 .sub-menu { padding: 0 }
.stew-r { margin: 0 0 10px }
.menu>ul>li.menu-3 .sub-menu { background-repeat: no-repeat; background-size: contain; padding: 0 15px 150px }
.menu>ul>li.menu-4 .sub-menu { padding-bottom: 200px }
.logo>a { display: block }
.logo { padding: 0 }
}
 @media(max-width:991px) {
.home_web, .logo, .new_section, .new_section .circle_img, .slider_txt { text-align: center }
h1 { font-size: 30px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 16px }
.logo { background-size: 202px; height: 32px }
#menu_trigger img { width: 40px; }
/* .contact-bar {
         display: none 
    }
     */
.top_slider .slider_title { margin-right: 0 }
.call_toaction .action_box .about_wrapper, .call_toaction .action_box .differ_wrapper, .call_toaction .action_box .mission_wrapper { padding: 0 }
.footer_top { font-size: 14px }
.footer_bottom ul.social_icon li { font-size: 24px }
.call_toaction .action_box { padding: 2% }
.footer_strip ul.contact_num li { margin-right: 3% }
.top_slider { padding: 40px 0 20px }
.service_offer .offer_wrap { margin: 16px 0 }
.top_slider .slider_title { font-size: 30px }
.slider_txt { margin-bottom: 20px }
.circle_img { margin-bottom: 30px }
.our_clients .client_vid img, .portfolio_section .portfolio_img img { width: 100% }
.home_web .device_box div { display: block; margin-bottom: 15px }
.top_strip { display: none }
header.header { padding: 10px 0; position: fixed; top: 0; left: 0; width: 100vw; z-index: 9999 }
#menu_trigger, #phone_trigger, ul.navigation li { display: block }
#nav_wrapper { top: 52px; position: fixed; z-index: 999; height: calc(100% - 52px); overflow: hidden; overflow-y: scroll; width: 300px; left: -300px; padding: 0; background: #ffee58 }
ul.navigation li a:hover { color: #fff; background: #363636 }
ul.navigation li a { width: 100% }
ul.navigation li>ul.subnav { width: 100%; position: static; visibility: visible; opacity: 1; height: 100% }
.our_clients .client_wrapper { height: 167px }
.portfolio_section .portfolio_wrapper { height: 540px }
.footer_bottom ul.social_icon li { margin-left: 17px }
.new_section .newsection_box { margin-right: 0 }
.menu>ul>li>ul>li { min-height: 0!important }
.menu-dropdown-icon li.company_navi_drop { width: 100%; text-align: center }
 .
}
 @media(max-width:990px) {
.menu-2::before, .menu-3::before, .menu-4::before { bottom: 0; color: #363636; content: "+"; font-size: 22px; font-weight: 700; line-height: 60px; margin: auto; position: absolute; right: 15px; top: 0 }
.menu-2:hover::before, .menu-3:hover::before, .menu-4:hover::before { content: "-"; font-size: 30px; line-height: 57px }
.call-mob .dropdown-menu li, .menu-2, .menu-3, .menu-4 { position: relative }
.col-lg-12, .ginput_container { display: table; width: 100% }
.service_offer .offer_wrap { padding: 20px 10px }
h6 { font-size: 16px }
.service_offer .offer_txt { min-height: 200px }
}
 @media screen and (max-width:767px) {
.menu>ul>li.menu-3>.sub-menu ul li.li-list { width: 100% }
.menu-2 .sub-menu .container, .menu>ul>li.menu-2 .sub-menu { padding: 0 }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { float: left }
.stew-r { float: left; margin: 10px 0 20px }
.col-md-4 { width: 100% }
.menu>ul>li>.sub-menu ul li>ul { margin: 0; padding: 0 }
}
.new-domain-search { position: relative; padding: 106px 0px 0px; color: #303030; text-align: center; -webkit-transition: border-color .25s ease, background-color .25s ease-in-out; transition: border-color .25s ease, background-color .25s ease-in-out; }
#domain-registration { height: 200px; }
.domainPanel img { width: 40px; }
.domainPanel .col-sm-2 { margin-top: 6px; text-align: left; padding-left: 0; }
.new-domain-search input[type='text'].form-control { height: 42px; /* border: 1px solid #000000 !important; */
border-radius: 0; box-shadow: none; background-color: #fff !important; outline: 0; }
.owl-carousel .owl-item img { width: 75%; }
.new-domain-search input[type='submit'].form-control { border: 2px solid #00a63f !important; }
.domainPanel .col-sm-2 span { font-size: 14px; font-weight: bold; position: relative; top: 2px; left: 8px; color: #2cb13e; }
.menu>ul>li>ul, .sub-menu { max-height: 270px; }
/*kuldeep*/
.HeaderTopBarInner .HeaderEmails .contact-bar--text, .HeaderTopBarInner .HeaderEmails, .HeaderTopBarInner .HeaderLogin, .HeaderTopBarInner .HeaderLogin .contact-bar--text { display: inline-block; }
.HeaderTopBarInner #dynamic_currecny { padding: 0px; }
.HeaderTopBarInner .HeaderLogin #CurrLangBox { margin: 0px; }
.HeaderTopBarInner .HeaderEmails { margin-right: 30px; }
.NavBar .menu ul li a { color: #767676; font-weight: 500; }
.gold-gradient-color { color: #ff6f0d; text-shadow: none; background: linear-gradient(to right, #00a63f, #00a63f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all .3s; }
.HomeSlider .slider-text h1 { font-size: 46px; font-weight: bold; }
.HomeSlider { height: 450px; position: relative; }
.HomeSlider #carousel-example-generic { height: 100%; }
.HomeSlider .HomeSliderText { height: 100%; }
.HomeSlider .HomeSliderText .item { height: 100%; }
.slider-text { height: 100%; overflow: hidden; }
.slider-text img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.HomeSlider .carousel-caption { left: 0; top: 0; width: 100%; height: 100%; }
.HomeSlider .carousel-caption .container { display: flex; align-items: center; height: 100%; }
.HomeSlider .carousel-caption .container article { width: 613px; text-align: left; }
.HomeSlider .carousel-caption .container article h3 { color: #000; font-size: 22px; text-shadow: none; }
.SiteBtn a { background: #337ab7; height: 42px; font-size: 16px; border-radius: 5px; line-height: 42px; text-align: center; display: inline-block; padding: 0px 30px; text-transform: uppercase; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; color: #fff; }
.SiteBtn a:hover { background: #00a63f; }
.HomeSlider .SiteBtn { margin-top: 30px; }
.HeaderTopBar { border-bottom: none; padding: 5px 0px; }
.NavBar { text-align: right; }
.NavBar #top_nav { display: inline-block; }
.HeaderTopBarInner .HeaderEmails .contact-bar--text a i { color: #337ab7; }
.HeaderTopBarInner .HeaderEmails .contact-bar--text a { color: #737373; }
 <header class="header affix-top" data-spy="affix" data-offset-top="100"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div class="container"> <div class="row"> <div class="col-md-3"> <div id="menu_trigger"><img src=" {
 !! asset('img/menu-icon.png') !!
}
" alt="Top Hosting Company" title="Top Hosting Company"></div> <div class="logo"><a href=" {
 !! url('/') !!
}
"><img style=" width: 221px;
 " src=" {
 !! asset('img/logo.png') !!
}
" alt="Best Hosting Company" title="Best Hosting Company"></a></div> </div> .new-domain-search-row .domainPanel {
}
.SearchDomainBox { border-radius: 5px; border: 2px solid #ccc; overflow: hidden; }
.SearchDomainBox .form-group { position: relative; width: calc(100% - 150px); float: left; margin: 0px !important; }
.SearchDomainBox .input-group-addon { width: 150px; float: left; }
.SearchDomainBox:after { clear: both; content: ""; display: table; }
.SearchDomainBox .form-group .input-group { width: 100%; position: relative; z-index: 1; }
.SearchDomainBox .form-group .input-group input { /* border: none !important; */
}
.SearchDomainBox .form-group .SearchBoxDrop { position: absolute; top: 5px; right: 10px; z-index: 1; }
.SearchDomainBox .form-group .SearchBoxDrop select { border: none; padding: 5px; border-left: 1px solid #ccc; }
.SearchDomainBox .input-group-addon input { background: #00a63f !important; color: #fff; border-radius: 0px 5px 5px 0px; }
#navigation.sticky .logo { margin-top: 9px; }
.logo, .header { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; }
.header { position: fixed; width: 100%; top: 36px; left: 0; }
.header.affix { top: 0px !important; }
.pricing-table .col-md-3 { padding: 0px 10px; }
.pricing-table { margin-left: -10px; margin-right: -10px; }
.menu { background: #f1f1f1; border-radius: 30px 00px 0px 30px; position: relative; margin-top: 8px; }
.menu:after { content: ""; width: 200%; height: 50px; position: absolute; top: 0; right: -200%; background: #f1f1f1; z-index: -1; }
.menu>ul>li:hover .sub-menu { display: block; width: 100%; left: 0; position: fixed; box-shadow: 0 5px 5px 0 rgba(0,0,0,.1); }
.header.affix .menu:after { display: none; }
.header.affix .menu { background: #fff; }
.banner-primary { background-image: url(img/background-img/banner-bg.jpg) !important; background-position: right center; background-size: cover; background-attachment: fixed; }
#navigation select, .SearchDomainBox select { background: url(img/down-arrow.png) no-repeat; padding-right: 23px !important; background-size: 15px 15px; background-position: right; appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; }
.menu>ul>li>a:first-child { position: relative; }
.menu>ul>li:hover > a:first-child:after { content: ""; width: 13px; height: 13px; background: #337ab7; position: absolute; bottom: -7px; left: 44%; transform: rotate(45deg); }
.btn { background: #337ab7; }
.new-domain-search_ .row { margin-right: -10px; margin-left: -10px; }
.new-domain-search_ .feature-item { margin: 10px 0px !important; padding: 0px 10px; }
.new-domain-search_ .feature-item article { padding: 20px; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); background: #fff; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; }
.new-domain-search_ .feature-item:hover article { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);  -ms-transform: scale(1.05)box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}
.carousel-caption ul li a { color: #000; font-size: 15px; text-shadow: none; }
.carousel-caption { color: #565656; }
.carousel-caption li { width: 50%; float: left; }
.HomeSlider .SiteBtn { margin-top: 30px; display: inline-block; margin-top: 30px; }
.carousel-caption li { list-style: none; }
.HomeSlider .carousel-caption .container .register { margin-bottom: 30px; margin-top: 10px; font-size: 13px; }
.slider-text .every { font-size: 36px !important; color: #5B5B5B !important; margin-top: 0; font-weight: bold; }
.service_left { width: 100%; }
.service_left ul li .text { width: 80%; display: inline-block; }
.service_left ul li { list-style: none; margin-bottom: 14px; width: 47%; margin-right: 16px; }
.service_left ul { padding: 0; }
.service_left .shah h3 { font: bold 17px 'Roboto', sans-serif; font-size: 15px !important; display: block; color: #166cb6 !important; margin-top: 0px; width: 100%; }
.service_right { width: 50%; float: left; }
.service_right ul li { list-style: none; margin-bottom: 20px; width: 100%; }
.service_right .khan h3 { font: bold 17px 'Roboto', sans-serif; font-size: 18px !important; display: block; color: #5c5d5c !important; margin-top: 0px; }
.service_left .khan p { color: #5b5b5b !important; font: normal 13px/20px 'Roboto', sans-serif !important; }
.service_right .khan p { color: #5b5b5b !important; font: normal 13px/20px 'Roboto', sans-serif !important; }
.flat .flat_off { background: #000; border-radius: 50px; padding-right: 30px; padding-left: 30px; }
.service_left .img { width: 15%; float: left; margin-right: 10px; }
.service_right .img { width: 55px; float: left; margin-right: 10px; height: 70px; }
.carousel-caption { text-shadow: none !important; }
.service_left .icon { width: 15%; float: left; }
.service_left .icon i.fa { font-size: 28px; color: #2cb13e; }
.feature-item .SiteBtn { margin: 10px 2px; text-align: center; }
.flat { /* border: 1px solid;
     */
display: inline-block; width: 90%; text-align: center; margin-right: 10px; }
.HomeSlider .SiteBtn { margin-top: 30px; display: inline-block; margin-top: 30px; width: 90%; text-align: center; margin-right: 10px; }
.flat p { font-size: 18px; font-weight: bold; }
.flat span { font-size: 28px; font-weight: bold; font-family: sans-serif; }


 @media screen and (max-width: 280px) {
.menu > ul > li:hover .sub-menu { position: relative !important; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px !important; }
.logo { margin-left: 50px; }
.HeaderTopBarInner .HeaderEmails { margin-right: 0px; }
.HeaderTopBar { margin-top: 60px; }
.contact-bar--text { margin: 2px 0px 0 0px; float: left; width: 48%; }
.contact-bar a { font-size: 9px; }
.SearchDomainBox { margin-top: 50px; }  
}
 @media screen and (min-width: 0px) and (max-width: 320px) {
.menu > ul > li:hover .sub-menu { position: relative !important; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px !important; }
.logo { margin-left: 30px; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px; }
.SearchDomainBox { margin-top: 50px; }
.HeaderTopBar { margin-top: 60px; }
.contact-bar--text { margin: 0px; }
.HeaderTopBarInner .HeaderEmails { margin-right: 0px; margin-bottom: 10px; }
.form-control { width: 50%; float: right; font-size: 12px; padding: 0px; }
#domainSearchForm .input-group-addon .form-control { padding: 0px; }
.SearchDomainBox .form-group .SearchBoxDrop { right: -70px }
#navigation select, .SearchDomainBox select { padding-right: 0px !important; }
.SearchDomainBox .form-group .input-group { width: 155%; }
#nav_wrapper { background: #337ab7; width: 90%; top: 55px; }
.NavBar { text-align: left; }
.menu > ul > li > a { padding: 6px 143px 6px 10px; }
.menu { border-radius: 0; margin-top: 0px; }
.service_left ul li .text { width: 80%; }
.service_left ul li { width: 100%; margin-right: 16px; }
.HomeSlider .carousel-caption .container .register { margin-bottom: 15px; margin-top: 5px; font-size: 12px; }
.slider-text .every { font-size: 18px !important; margin-top: 0px; }
.section-title { margin-top: 300px; }
.HomeSlider .HomeSliderText { height: 150%; }
.service_left .shah h3 { font-size: 14px !important; }
}
 @media screen and (min-width: 321px) and (max-width: 400px) {
.menu > ul > li:hover .sub-menu { position: relative !important; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px !important; }
.form-control { width: 50%; float: right; font-size: 14px; padding: 0px; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px; }
.HeaderTopBar { margin-top: 60px; }
.contact-bar--text { margin: 2px 0px 0 0px; }
.SearchDomainBox { margin-top: 50px; }
#domainSearchForm .input-group-addon .form-control { padding: 0px; }
.SearchDomainBox .form-group .SearchBoxDrop { right: -70px }
#navigation select, .SearchDomainBox select { padding-right: 0px !important; }
.SearchDomainBox .form-group .input-group { width: 153%; }
#nav_wrapper { background: transparent; width: 90%; top: 55px; }
.NavBar { text-align: left; }
.menu > ul > li > a { padding: 6px 143px 6px 10px; }
.menu { border-radius: 0; margin-top: 0px; position: inherit; }
.service_left ul li .text { width: 80%; }
.service_left ul li { width: 100%; margin-right: 16px; }
.HomeSlider .carousel-caption .container .register { margin-bottom: 15px; margin-top: 5px; font-size: 12px; }
.slider-text .every { font-size: 18px !important; margin-top: 0px; }
.section-title { margin-top: 300px; }
.HomeSlider .HomeSliderText { height: 150%; }
.service_left .shah h3 { font-size: 14px !important; }
}
 @media screen and (min-width: 401px) and (max-width: 768px) {
.menu > ul > li:hover .sub-menu { position: relative !important; }
.menu > ul > li > ul, .sub-menu { max-height: 1000px !important; }
#nav_wrapper { background: #337ab7; height: auto; }
.form-control { width: 70%; float: right; }
#navigation select, .SearchDomainBox select { padding-right: 0px !important; }
.SearchDomainBox .form-group .SearchBoxDrop { right: -30px; }
.SearchDomainBox .form-group .input-group { width: 110%; }
.new-domain-search { padding: 150px 0px 0px; }
.HeaderTopBarInner .HeaderEmails { margin-right: 0px; margin-bottom: 10px; }
.pull-right { float: none !important; }
.HeaderTopBarInner { margin-left: auto; margin-right: auto; display: block; text-align: center; }
.HeaderTopBarInner .HeaderLogin { width: 65%; margin-left: auto; margin-right: auto; display: block; }
.contact-bar a { font-size: 12px; }
.menu { margin-top: 0px; border-radius: 0px; position: inherit; }
.NavBar #top_nav { float: left; }
.menu > ul > li > a { padding: 5px 155px 0px 10px; }
.NavBar .menu ul li a { text-align: left; }
.HeaderTopBar { margin-top: 56px; }
.contact-bar a { font-size: 12px; }
.section-title { margin-top: 50px; }
.footer_bottom { width: 50%; float: left; height: 400px; }
.pricing-table .pricing-item { width: 48%; float: left; }
.pricing-table .pricing-item { height: 750px; }
.service_left ul li .text { width: 80%; }
.service_left ul li { width: 80%; }
.section-title { margin-top: 350px; }
.HomeSlider .HomeSliderText { height: 150%; }
.slider-text .every { font-size: 20px !important; }
}
 @media screen and (min-width: 769px) and (max-width: 990px) {
.HeaderTopBar { margin-top: 5px; }
.contact-bar a { font-size: 12px; }
.footer_bottom { width: 50%; float: left; height: 400px; }
.pricing-table .pricing-item { width: 48%; float: left; margin-right: 10px; }
.menu > ul > li > a { padding: 5px 30px; }
.HeaderTopBar { margin-top: 70px; }
#nav_wrapper { background: #337ab7; }
.menu { border-radius: 0px; }
.menu > ul > li { float: left; }
.menu > ul > li > a { padding: 5px 10px; text-align: left; }
}
 @media screen and (min-width: 990px) and (max-width: 1200px) {
.menu > ul > li > a { padding: 5px 30px; }
}




/****************RJ***************/
@media screen and (max-width: 990px) {
header.header {position: static; }
.HeaderTopBar { margin-top: 0;}
#menu_trigger, #phone_trigger {left: auto;  right: 30px; }
#navigation { position: static; }
#nav_wrapper {top: 0;}
.sub-menu .col-xs-12 {
  padding: 20px 0 0;
}
.menu > ul > li > .sub-menu ul li a { 
  padding: 10px; 
}
.menu > ul > li:hover .sub-menu {
  position: absolute;
}
#nav_wrapper { 
  height: 100%;
}
body { 
  font-size: 12px; 
}
.menu > ul > li > a {
  padding: 6px 40px 6px 10px;
}
#nav_wrapper { 
  width: 240px; 
}
.NavBar #top_nav {
  display: inline-block;
  width: 100%;
}
.HomeSlider .carousel-caption .container article {
  background-color: rgba(237, 237, 237, 0.8);
  text-align: left;
  width: 100%;
}
.new-domain-search {
  padding: 0px 0 0;
}
.SearchDomainBox {
  margin-top: 0;
}
.logo {
  margin: 0;
  text-align: left;
}
.SearchDomainBox .form-group .input-group {
  width: 100%;
}
.SearchDomainBox .form-group .SearchBoxDrop { 
  width: 60px !important;
}
.SearchDomainBox .form-group .SearchBoxDrop {
  float: left;
  position: static;
  right: 0;
  width: 60px !important;
}
.SearchDomainBox .form-group .input-group {
  display: inline-block;
  float: left;
  width: calc(100% - 60px) !important;
}
#domainSearchForm .input-group-addon .form-control {
  padding: 0;
  width: 100% !important;
}
.SearchDomainBox .input-group-addon { 
  width: 80px;
}
.SearchDomainBox .form-group { 
  width: calc(100% - 80px) !important;
}
.SearchDomainBox .form-group .SearchBoxDrop select {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgb(205, 205, 205) currentcolor;
  border-image: none;
  border-style: solid none;
  border-width: 1px 0;
  padding: 11px 1px;
  width: 100%;
}
.sub-menu .col-md-4 {
  padding: 0;
}
.menu > ul > li.menu-3 .sub-menu { 
  padding: 0;
}
.sub-menu .container {
  padding: 0 30px !important;
}
.menu-2 .sub-menu {
  padding: 0 30px !important;
}
.menu-2 .sub-menu .container{ padding:0 !important;}
}


@media screen and (max-width: 990px) {
  .domainPanel .col-sm-2:last-child {
    display: none;
  }
}

@media screen and (max-width: 480px){
  .HeaderTopBar { 
    text-align: center;
}
}