/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800');

body { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #868686; }
h1 { font-size: 36px; font-weight: 600; width: auto; max-width: 430px; position: relative; padding-bottom: 22px; margin-bottom: 22px; }
h1:after { content: " "; width: 75px; height: 5px; background: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; }
h2 { font-size: 32px; font-weight: 600; margin: 0 0 18px; color: #375ebf; }

a, .btn { outline: none; }
.m-0 { margin: 0; }
.text-box-btn { position: relative; }
.text-box-btn .form-control { font-size: 16px; height: 60px; border-radius: 30px; padding: 12px 26px; }
.text-box-btn .btn { padding: 14px 30px; border-radius: 30px; position: absolute; top: 4px; right: 4px; font-size: 16px; }
.title-txt { font-size: 18px; line-height: 32px; }

.navbar-brand { height: auto; padding-left: 0; padding-right: 0; }
.navbar-default .navbar-right { padding: 30px 0; }
.navbar-default { background-color: transparent; border: 0; padding-top: 0; margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: transparent; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FFF; }
.btn-primary { color: #fff; background-color: #375ebf; border-color: #375ebf; }
.btn-border { border: 1px solid #1e3264; border-radius: 30px; color: #1e3264; padding: 10px 25px;  }

header { width: 100%; padding: 15px 0; position: absolute; top: 0; left: 0; z-index: 100; color: #b4c1e7; }

.navbar-default .navbar-nav > li > a { color: #b4c1e7; }
.navbar-default .navbar-nav > li > a { padding: 10px 12px; }
header .color-white { color: #FFF; }
header ul li img { margin-right: 5px; }

.banner	{ width: 100%; height: 740px; position: relative; z-index: 1; color: #FFF; overflow: hidden;
	background: #456bcc; background: -moz-linear-gradient(top, #456bcc 0%, #4d8cec 100%); background: -webkit-linear-gradient(top, #456bcc 0%,#4d8cec 100%); background: linear-gradient(to bottom, #456bcc 0%,#4d8cec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#456bcc', endColorstr='#4d8cec',GradientType=0 ); }
.banner:after { content: " "; width: 0; height: 0; border-bottom: 100px solid white; border-left: 170px solid transparent; border-left: 100vw solid transparent; position: absolute; bottom: 0; left: 0; z-index: -1; }
.banner-caption { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
.banner-caption p { width: auto; max-width: 525px; font-size: 20px; margin-bottom: 24px; }
.banner-caption .btn-default { color: #375ebf; background-color: #fff; border-color: #ccc; padding: 16px 22px; border-radius: 30px; font-size: 18px; font-weight: 600; }
.banner .banner-img { position: absolute; bottom: 0; right: 0; }

.section-one { padding: 80px 0; font-size: 20px; color: #000; font-weight: 600; }
.section-one p { margin: 15px 0 0; }

.section-two-inner { padding: 50px 15px; color: #FFF;
	background: #456bcc; background: -moz-linear-gradient(top, #456bcc 0%, #4d8cec 100%); background: -webkit-linear-gradient(top, #456bcc 0%,#4d8cec 100%); background: linear-gradient(to bottom, #456bcc 0%,#4d8cec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#456bcc', endColorstr='#4d8cec',GradientType=0 ); }
.section-two h2 { color: #FFF; }
.section-two .form-group { margin: 16px 0 0; }

.section-three { padding: 70px 0; line-height: 24px; }
.section-three img { margin-left: auto; }

.section-four { padding: 10px 0 70px; }
.server-plan-box { width: 100%; padding: 65px 30px 30px; position: relative; margin-top: 45px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); }
.server-plan-box h3 { font-size: 26px; font-weight: 600; background: #375ebf; color: #FFF; margin: 0; padding: 10px 15px; width: 80%; position: absolute; top: -10px; left: -10px; }
.server-plan-box h3:after { content: ""; width: 0; height: 0; border-top: 10px solid #375ebf; border-left: 10px solid transparent; position: absolute; bottom: -10px; left: 0; }
.server-plan-box ul { line-height: 30px; list-style-type: none; padding: 0 0 0 10px; }
.server-plan-box ul li { position: relative; }
.server-plan-box ul li:after { content: ""; width: 5px; height: 5px; background: #000; border-radius: 50%; position: absolute; top: 12px; left: -20px; }
.server-plan-box .btn { padding: 6px 12px; border-radius: 30px; margin-top: 124px; }

.section-five { padding: 10px 0 70px; }
.price-box { width: 100%; background: #f2f5fa; padding: 30px 30px; text-align: center; margin-top: 30px; }
.price-box div { width: 100%; background: #FFF; border: 3px solid #f9f9f9; padding: 15px 15px; color: #375ebf; margin-bottom: 80px; position: relative; }
.price-box div:after { content: ""; width: 100px; height: 5px; background: #d1dae8; position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; }
.price-box div p { text-transform: uppercase; font-size: 16px; margin-bottom: 12px; }
.price-box div h3 { font-size: 30px; font-weight: 600; margin: 0; }
.price-box div h3 small { color: #375ebf; font-size: 60%; }
.price-box div h4 { font-size: 18px; font-weight: 600; margin: 0; }
.price-box div h4 small { color: #375ebf; font-size: 60%; }
.price-box ul { list-style-type: none; margin: 0 0 16px; padding: 0; color: #1e3264; line-height: 36px; font-size: 16px; }
.sav {color : #FA261E; font-weight: bold;font-size: 10px;}

.section-six { padding: 70px 0; background: #f2f5fa; line-height: 28px; }
.section-six h2 { margin-bottom: 30px; }
.section-six .item { padding-top: 20px; }
.testimonial-box { background: #FFF; padding: 40px 30px 30px; position: relative; border: 1px solid #e6e6e6; }
.testimonial-box p { font-style: italic; letter-spacing: 0.5px; }
.testimonial-box h4 { color: #375ebf; font-size: 16px; font-weight: 600; margin: 26px 0 0; }
.testimonial-box .small-txt { font-size: 13px; font-style: normal; margin-bottom: 0; }
.testimonial-box img { width: auto !important; height: 40px; position: absolute; top: -20px; border: 4px solid #FFF; }

footer { padding: 70px 0; line-height: 32px; color: #9f9f9f; }
footer .footer-logo { margin-bottom: 20px; }
footer h3 { font-size: 18px; font-weight: 600; color: #000; margin: 0 0 16px; }
footer .footer-link { list-style-type: none; padding: 0; margin: 0; }
footer a { color: #9f9f9f; }
footer .glyphicon { margin-right: 5px; }
footer .social-ul li a { width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #9f9f9f; display: inline-block; text-align: center; }
footer .social-ul li a img { height: 14px; }
footer .snd-btn { text-transform: uppercase; font-weight: 600; padding: 10px 20px; margin-top: 30px; }
footer .copy-txt { line-height: 26px; font-weight: 600; margin: 40px 0 0;  }

.contact-us-block { line-height: 28px; }
.contact-us-block .col-sm-4 { margin: 20px 0; }
.contact-us-block p { margin-bottom: 0; }

@media(max-width: 992px){
	.server-plan-box img { display: none; }
}
@media(max-width: 767px){
	h1 { font-size: 28px; }
	h2 { font-size: 26px; margin: 0 0 14px; }
	.title-txt { font-size: 16px; line-height: 28px; }
	.navbar-brand > img { height: 60px; }
	.navbar-toggle { margin-top: 32px; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
	.navbar-default .navbar-collapse { background: rgba(55, 94, 191, 1); }
	.navbar-default .navbar-right { padding: 0; margin-top: 0; margin-bottom: 0; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #375ebf; }
	.top-bar ul li:nth-child(1), .top-bar ul li:nth-child(2) { display: none; }
	.banner-caption { position: static; top: 0; transform: inherit; z-index: 10; padding-top: 130px; }
	.banner-caption p { font-size: 16px; margin-bottom: 20px; }
	.banner-caption .btn-default { padding: 14px 18px; font-size: 14px; }
	.banner { height: 620px; }
	.section-one { padding: 40px 0 20px; font-size: 18px; }
	.section-one p { margin: 12px 0 20px; }
	.section-two-inner { padding: 26px 15px; }
	.section-three { padding: 40px 0; line-height: 26px; }
	.section-four { padding: 0px 0 40px; }
	.server-plan-box { padding: 50px 30px 20px; margin-top: 30px; }
	.server-plan-box h3 { font-size: 22px; width: 90%; }
	.section-five { padding: 0 0 40px; }
	.price-box { padding: 20px 20px; margin-top: 20px; }
	.price-box div { margin-bottom: 40px; }
	.price-box div:after { bottom: -28px; }
	.section-six { padding: 40px 0; }
	footer { padding: 30px 0; text-align: center; line-height: 28px; }
	footer .footer-logo { margin: 0 auto 20px; }
	footer h3 { margin: 20px 0 8px; }
	footer .snd-btn { margin-top: 10px; }
	footer .copy-txt { margin: 20px 0 0; }
}

@media(max-width: 1100px){
  .nav > li > a { padding: 15px 10px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .banner .banner-img { right: -100px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .navbar-default .navbar-brand { width: 140px; }
  .navbar-default .navbar-nav > li > a { padding: 15px 6px; font-size: 13px; }
}

.domainbox {
    font-size: 16px;
    height: 60px;
    border-radius: 30px;
    padding: 12px 26px;
    color:black;
    background-color:white;
    border:1px solid #ccc;
}

.light-white 
{
    color:white;
}

.top-bar
{
    color:white;
}
.borderless td, .borderless th {
    border: none !important;
    line-height:inherit !important;
}