@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img,
object,
embed,
video {
  max-width: 100%;
  height: auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width: 100%;
  height: auto;
}
html,
body {
  overflow-x: hidden;
}
.tweetbox {
  padding: 20px;
  float: left;
  width: 32%;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 960px) {
  .tweetbox {
    width: 48%;
  }
}
@media only screen and (max-width: 705px) {
  .tweetbox {
    width: 98%;
  }
}
blockquote.twitter-tweet {
  background-color: #fff;
  border-radius: 12px;
  padding: 3px 10px;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
/* Mobile Layout: 480px and below. */
@font-face {
  font-family: "Opensans-Light";
  src: url("fonts/Opensans-Light.woff") format("truetype");
}
@font-face {
  font-family: "open-sans-regular";
  src: url("fonts/open-sans-regular.woff") format("truetype");
}
@font-face {
  font-family: "open-sans-semibold";
  src: url("fonts/open-sans-semibold.woff") format("truetype");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("fonts/Roboto-Medium.ttf") format("truetype");
}
img.sd-logo {
  height: 30px;
}
.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 87.4%;
  padding-left: 2.3%;
  padding-right: 2.3%;
}
.feature-box {
  margin-left: 0;
  clear: none;
  float: left;
  margin-left: 0;
  display: block;
  width: 32.2033%;
  text-align: center;
}
.feature-box .icon {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 37px;
}
.hosting-box {
  width: 23.7288%;
}
.feature-title {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  margin-top: 12px;
}
.feature-info {
  clear: both;
  float: left;
  display: block;
  margin-top: 9px;
}
#LayoutDiv1,
#main-bg,
#mn-hdr,
#logo,
#ryt-tch,
#nvgtn,
#tp-btns,
#bnr-txt,
#fst-hd,
#fst-sub,
.feature-box .icon,
#spce1,
#spce2,
#built-bg,
#blt-hd,
#blt-mtr,
#built-txt,
#prsnl-txt,
#dominate-hf,
#dmnt-lft,
#dmnt-ryt,
#hosting-feature,
#launch-lft,
#launch-ryt,
#lunch-hd,
#crte {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#lunch-hd2,
#crte2 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: none;
}
#lanh1,
#lanh2,
#lanh3,
#lnch-ic1,
#lnch-ic2,
#lnch-ic3,
#sit-hd1,
#sit-hd2,
#sit-hd3,
#sit-mtr1,
#sit-mtr2,
#sit-mtr3,
#laub-img,
#lnc-spc,
#cloud-img,
#pricng-bg,
#ptrn-prc,
#prcng-hd,
#prcng-sub,
#lrs-pr,
#grph-scrl,
#grph,
#strt-btn,
#secure-hd,
#scur-lft,
#scur-ryt,
#wrd-bg,
#scr-img,
#wrd-hd,
#bst-hd,
#wd1,
#wd2,
#wd3,
#wd-ic,
#wd-ic2,
#wd-ic3,
#sbdomain-hd,
#sbdomain-hd2,
#sbdomain-hd3,
#subdomin-mtr,
#subdomin-mtr2,
#subdomin-mtr3,
#sign-hd,
#sign-lft,
#sign-ryt,
#free-sl,
#sl-lft,
#sl-ryt,
#LayoutDiv2,
#lock-img,
#ssl-bg,
#slider-1,
#perfect-bg,
#ftr-bg,
#ft-lnk1,
#ft-lnk2,
#ft-lnk3,
#ft-lnk4,
#ft-lnk5,
#scrn-sh,
#sh-mtr,
#prft-txt,
#prft-btn,
#built-love {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#peoples,
#peoples2,
#peoples3,
#peoples4,
#peoples5 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
  .gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
  }
  #LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #main-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/main-bg.jpg") no-repeat top center;
  }
  #mn-hdr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #logo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ryt-tch {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #tp-btns {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #fst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #fst-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  .feature-title {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  .feature-info {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #spce1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #spce2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #built-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #blt-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #blt-mtr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #built-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prsnl-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #dominate-hf {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #dmnt-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #dmnt-ryt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #hosting-feature {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #launch-ryt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lunch-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #crte {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lunch-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #crte2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lanh2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lanh3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lnch-ic1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lnch-ic2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lnch-ic3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-hd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-mtr1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-mtr2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sit-mtr3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #cloud-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #pricng-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ptrn-prc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prcng-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prcng-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lrs-pr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #grph-scrl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #grph {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #strt-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #secure-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #scur-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #scur-ryt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wrd-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #scr-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wrd-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #bst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd-ic {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd-ic2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #wd-ic3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sbdomain-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sbdomain-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sbdomain-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #subdomin-mtr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #subdomin-mtr2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #subdomin-mtr3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sign-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sign-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sign-ryt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #free-sl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sl-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sl-ryt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #LayoutDiv2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lock-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ssl-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #slider-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #perfect-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ft-lnk2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ft-lnk3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ft-lnk4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #ft-lnk5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #scrn-sh {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sh-mtr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prft-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #built-love {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
  .mult3,
  .hosting-box.mult4 {
    clear: both;
    margin-left: 0;
  }
  .hosting-box.non4,
  .feature-box.non3 {
    margin-left: 1.6949%;
  }
  .hosting-box.mult3 {
    clear: none;
  }
  .hosting-box.mult4 {
    margin-left: 0;
  }
  .feature-info {
    margin-left: 20%;
    width: 60%;
  }
  .hosting-info {
    margin-left: 10%;
    width: 80%;
  }
  .hosting-box.last4 {
    margin-top: 25px;
  }
  .gridContainer {
    width: 100%;
    max-width: 1252px;
    padding-left: 0.775%;
    padding-right: 0.775%;
    margin: auto;
  }
  #LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #main-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #mn-hdr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/tp-bg.png") repeat center top;
  }
  #logo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 23.7288%;
    display: block;
    margin-top: 14px;
    margin-bottom: 17px;
  }
  #ryt-tch {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 74.5762%;
    display: block;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 70%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 0;
    width: 28%;
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 227px;
    margin-bottom: 250px;
  }
  #fst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #fst-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -30px;
  }
  #spce1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 54px;
  }
  #spce2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 74px;
  }
  #built-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/built-you.jpg") #09a8c2 right top no-repeat;
    padding-top: 42px;
    padding-bottom: 74px;
  }
  #blt-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #blt-mtr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #built-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 50.6271%;
    display: block;
  }
  #prsnl-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: -15px;
    margin-bottom: 6px;
  }
  #dominate-hf {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 32px;
  }
  #dmnt-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.1525%;
    display: block;
    margin-top: 60px;
  }
  #dmnt-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: block;
    margin-top: 70px;
  }
  #hosting-feature {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 73.5762%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 1%;
    width: 23.7288%;
    display: block;
  }
  #lunch-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 36px;
  }
  #crte {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -6px;
  }
  #lunch-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
    text-align: center;
    margin-top: 36px;
  }
  #crte2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
    text-align: center;
    margin-top: -6px;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh2 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh3 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lnch-ic1 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #lnch-ic2 {
    clear: both;
    float: left;
    margin-left: 18%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 36px;
  }
  #lnch-ic3 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #sit-hd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-mtr1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 27%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: -76px;
    text-align: center;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 80px;
  }
  #cloud-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #pricng-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/chrt-bg.jpg") repeat center top;
    background-size: contain;
  }
  #ptrn-prc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/chrt-ptrn.png") top center no-repeat;
    background-size: cover;
  }
  #prcng-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #prcng-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -25px;
  }
  #lrs-pr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -18px;
  }
  #grph-scrl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 56px;
  }
  #grph {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 65px;
  }
  #strt-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 72px;
  }
  #secure-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  #scur-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.1525%;
    display: block;
    margin-top: 28px;
    margin-bottom: 80px;
  }
  #scur-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: block;
    margin-top: 23px;
  }
  #wrd-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    padding-top: 50px;
    padding-bottom: 80px;
  }
  #scr-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 40%;
    display: block;
    position: absolute;
    z-index: 9999;
    text-align: center;
  }
  #wrd-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #bst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #wd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd-ic {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 28px;
  }
  #wd-ic2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 38px;
  }
  #wd-ic3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #sbdomain-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sbdomain-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sbdomain-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #subdomin-mtr {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #subdomin-mtr2 {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #subdomin-mtr3 {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #sign-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
  }
  #sign-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 45.1525%;
    display: block;
    margin-top: 20px;
  }
  #sign-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 53.1525%;
    display: block;
    margin-top: 10px;
    margin-bottom: 70px;
  }
  #free-sl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  #sl-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 57.6271%;
    display: block;
    margin-top: 38px;
  }
  #sl-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 40.6779%;
    display: block;
    margin-top: 20px;
  }
  #LayoutDiv2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #lock-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 40%;
    display: block;
    position: absolute;
    z-index: 999;
  }
  #ssl-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    padding-bottom: 70px;
  }
  #slider-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 70px;
  }
  #perfect-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/btm-bg.png") no-repeat top center;
    height: 256px;
    position: absolute;
    z-index: 999;
    margin-top: -60px;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    margin-top: 170px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk5 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 20.2542%;
    display: block;
    text-align: center;
  }
  #scrn-sh {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #sh-mtr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 10%;
    width: 80%;
    display: block;
    text-align: center;
    margin-top: 62px;
  }
  #prft-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #built-love {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
  #peoples5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
  }
}
.img {
  border: 0px;
}
.cntnr {
  margin: auto;
  width: 100%;
}
.txt {
  font-family: open-sans-regular;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
.txt a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.txt a:hover {
  color: #ff5600;
  text-decoration: none;
  text-transform: uppercase;
}
.txt-p {
  padding-left: 18px;
}
.txt2 {
  font-family: Opensans-Light;
  font-size: 45px;
  color: #fff;
}
.txt3 {
  font-family: open-sans-semibold;
  font-size: 23px;
  color: #fff;
}
.bnr-t {
  margin-top: -17px;
}
.txt4 {
  font-family: Roboto-Light;
  font-size: 45px;
  color: #161616;
}
.txt5 {
  font-family: Roboto-Regular;
  font-size: 28px;
  color: #373737;
}
.txt6,
.feature-title span {
  font-family: Roboto-Light;
  font-size: 20px;
  color: #000;
}
.txt06 {
  font-family: Roboto-Light;
  font-size: 20px;
  color: #fff;
}
.mtr {
  font-family: Roboto-Light;
  font-size: 16px;
  color: #000;
  line-height: 23px;
}
.mtr01 {
  font-family: Roboto-Light;
  font-size: 16px;
  color: #fff;
  line-height: 23px;
}
.txt7 {
  font-family: Roboto-Light;
  font-size: 45px;
  color: #fff;
}
.txt07 {
  font-family: Roboto-Light;
  font-size: 45px;
  color: #fd930a;
}
.txt077 {
  font-family: Roboto-Light;
  font-size: 45px;
  color: #000;
}
.txt8 {
  font-family: Roboto-Regular;
  font-size: 28px;
  color: #fff;
}
.txt9 {
  font-family: Roboto-Light;
  font-size: 22px;
  color: #fff;
  line-height: 33px;
}
.txt09 {
  font-family: Roboto-Medium;
  font-size: 22px;
  color: #fff;
  line-height: 33px;
}
.txt10 {
  font-family: Roboto-Light;
  font-size: 30px;
  color: #fff;
  line-height: 39px;
}
.txt11 {
  font-family: Roboto-Light;
  font-size: 22px;
  color: #fff;
  line-height: 33px;
}
.txt12 {
  font-family: Roboto-Regular;
  font-size: 33px;
  color: #000;
}
.txt13 {
  font-family: Roboto-Light;
  font-size: 25px;
  color: #000;
}
.txt14 {
  font-family: Roboto-Light;
  font-size: 19px;
  color: #fff;
}
.txt15 {
  font-family: Roboto-Light;
  font-size: 30px;
  color: #131313;
}
.txt16 {
  font-family: Roboto-Light;
  font-size: 22px;
  color: #131313;
  line-height: 33px;
}
.txt17 {
  font-family: Roboto-Regular;
  font-size: 22px;
  color: #131313;
  line-height: 33px;
}
.txt18 {
  font-family: Roboto-Regular;
  font-size: 33px;
  color: #fff;
  line-height: 33px;
}
.txt19 {
  font-family: Roboto-Light;
  font-size: 30px;
  color: #0c0c0c;
}
.txt20 {
  font-family: Roboto-Light;
  font-size: 20px;
  color: #0c0c0c;
  line-height: 33px;
}
.txt21 {
  font-family: Roboto-Medium;
  font-size: 20px;
  color: #0c0c0c;
  line-height: 33px;
}
.txt22 {
  font-family: Roboto-Regular;
  font-size: 33px;
  color: #fff;
}
.txt23 {
  font-family: Roboto-Light;
  font-size: 22px;
  color: #fff;
  line-height: 33px;
}
.txt24 {
  font-family: Roboto-Medium;
  font-size: 22px;
  color: #fff;
  line-height: 33px;
}
.txt25 {
  font-family: Roboto-Light;
  font-size: 17px;
  color: #000;
  line-height: 29px;
}
.txt26 {
  font-family: Roboto-Light;
  font-size: 35px;
  color: #000;
  line-height: 39px;
}
.txt27 {
  font-family: Roboto-Light;
  font-size: 17px;
  color: #fff;
  line-height: 31px;
  text-decoration: none;
}
.txt27 a {
  color: #fff;
  text-decoration: none;
}
.txt27 a:hover {
  color: #ffa800;
  text-decoration: none;
}
.txt28 {
  font-family: Roboto-Light;
  font-size: 15px;
  color: #fff;
  line-height: 27px;
}
.txt29 {
  font-family: Roboto-Medium;
  font-size: 16px;
  color: #fff;
  line-height: 33px;
}
.txt-pdq {
  margin-top: 15px;
}
.txt-pdq2 {
  margin-top: 15px;
}
.txt-pdq3 {
  margin-top: 15px;
}
.txt-pdq4 {
  margin-top: 15px;
}
.txt-pdq5 {
  margin-top: 15px;
}
.txt-pdq6 {
  margin-top: 15px;
}
/*============  Box  =============*/
.box {
  display: block;
  clear: both;
  width: 132px;
  height: 132px;
  text-align: center;
  vertical-align: middle;
  border-radius: 150px 150px 150px 150px;
  -moz-border-radius: 150px 150px 150px 150px;
  -webkit-border-radius: 150px 150px 150px 150px;
  border: 6px solid #fff;
  background-color: #f6f6f6;
  box-shadow: inset 0px 0px 9px -3px #ababab, -1px -1px 9px 1px #ddd;
  -webkit-box-shadow: inset 0px 0px 9px -3px #ababab, -1px -1px 9px 1px #ddd;
  -moz-box-shadow: inset 0px 0px 9px -3px #ababab, -1px -1px 9px 1px #ddd;
  -o-box-shadow: inset 0px 0px 9px -3px #ababab, -1px -1px 9px 1px #ddd;
  margin: auto;
  margin-top: 20px;
}
/*============  Box  =============*/
.box2 {
  display: block;
  clear: both;
  width: 132px;
  height: 132px;
  text-align: center;
  vertical-align: middle;
  border-radius: 150px 150px 150px 150px;
  -moz-border-radius: 150px 150px 150px 150px;
  -webkit-border-radius: 150px 150px 150px 150px;
  border: 6px solid #fff;
  background-color: #f6f6f6;
  box-shadow: inset 0px 0px 9px -3px #ababab;
  -webkit-box-shadow: inset 0px 0px 9px -3px #ababab;
  -moz-box-shadow: inset 0px 0px 9px -3px #ababab;
  -o-box-shadow: inset 0px 0px 9px -3px #ababab;
  margin: auto;
  margin-top: 20px;
}
.btn_1 {
  display: inline-block;
  width: 41%;
  height: 36px;
  line-height: 35px;
  font-family: open-sans-regular;
  font-size: 15px;
  padding-left: 2px;
  text-align: center;
  background: none;
  border: 1px #fff solid;
  text-transform: uppercase;
  color: #fff;
}
.btn_1.color_3 {
  color: #fff;
  text-decoration: none;
}
.btn_1.color_3:hover {
  background: #ff5600;
  border: 1px #ff5600 solid;
  color: #fff;
  text-decoration: none;
}
.btn_2 {
  display: inline-block;
  width: 41%;
  height: 36px;
  line-height: 35px;
  font-family: open-sans-regular;
  font-size: 15px;
  padding-left: 2px;
  text-align: center;
  text-transform: uppercase;
  background: #ff5600;
  border: 1px #ff5600 solid;
  color: #fff;
  margin-left: 12px;
}
.btn_2.color_4 {
  color: #fff;
  text-decoration: none;
}
.btn_2.color_4:hover {
  background: none;
  border: 1px #fff solid;
  color: #fff;
  text-decoration: none;
}
.btn_3 {
  display: inline-block;
  width: 22%;
  height: 48px;
  line-height: 47px;
  font-family: open-sans-semibold;
  font-size: 19px;
  padding-left: 2px;
  text-align: center;
  text-transform: uppercase;
  background: #ff5600;
  border: 1px #ff5600 solid;
  color: #fff;
  margin-left: 12px;
  margin-top: 10px;
}
.btn_3.color_6 {
  color: #fff;
  text-decoration: none;
}
.btn_3.color_6:hover {
  background: none;
  border: 1px #fff solid;
  color: #fff;
  text-decoration: none;
}
.btn_4 {
  display: inline-block;
  width: 30%;
  height: 49px;
  line-height: 48px;
  font-family: open-sans-semibold;
  font-size: 20px;
  padding-left: 2px;
  text-align: center;
  text-transform: uppercase;
  background: #fd930a;
  border: 1px #fd930a solid;
  color: #fff;
  margin-left: 12px;
  margin-bottom: 10px;
}
.btn_4.color_8 {
  color: #fff;
  text-decoration: none;
}
.btn_4.color_8:hover {
  background: none;
  border: 1px #fff solid;
  color: #fff;
  text-decoration: none;
}
.btn_5 {
  display: inline-block;
  width: 20%;
  height: 55px;
  line-height: 54px;
  font-family: open-sans-semibold;
  font-size: 22px;
  padding-left: 2px;
  text-align: center;
  background: #fff;
  border: 1px #fff solid;
  color: #ff5600;
}
.btn_5.color_10 {
  color: #ff5600;
  text-decoration: none;
}
.btn_5.color_10:hover {
  background: #103d4d;
  border: 1px #103d4d solid;
  color: #fff;
  text-decoration: none;
}
.arrow1 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  margin-top: 10px;
}
.arrow1 li {
  margin-left: 7px;
  background-image: url("images/marker.png");
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-left: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #242424;
  line-height: 20px;
  text-decoration: none;
  margin-bottom: 15px;
}
.arrow2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.arrow2 li {
  background-repeat: no-repeat;
  background-position: 0 0.6em;
  font-family: Roboto-Light;
  font-size: 17px;
  color: #fff;
  line-height: 31px;
  text-decoration: none;
}
.arrow2 li a {
  color: #fff;
  text-decoration: none;
}
.arrow2 li a:hover {
  color: #ffa800;
  text-decoration: none;
}
.gr-bckg {
  width: 100%;
  margin: auto;
  background-color: #ecf0f1;
}
.gr-bckg2 {
  width: 100%;
  margin: auto;
  background-color: #f4f4f4;
}
.blu-bckg {
  width: 100%;
  margin: auto;
  background-color: #103d4d;
}
.dvd-1 {
  margin-top: -50px;
}
.dvd-2 {
  margin-top: -50px;
}
.dvd-3 {
  margin-top: -50px;
  display: none;
}
.spce-2m {
  margin-top: 30px;
}
.fv1 {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
.fv2 {
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
.fv3 {
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
.fv4 {
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
.fv5 {
  margin-top: 20px;
}
.ic_clr {
  color: #ff594f;
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
}
.ic_clr2 {
  color: #00daaf;
  font-size: 20px;
  margin-left: 5px;
}
.dmn-mrk1 {
  float: right;
  margin-left: 20px;
  margin-top: 30px;
  width: 400px;
  height: auto;
  display: none;
}
.dmn-mrk2 {
  float: right;
  margin-left: 20px;
  margin-top: 30px;
  width: 400px;
  height: auto;
  display: none;
}
.dmn-mrk3 {
  float: right;
  margin-left: 20px;
  margin-top: 30px;
  width: 400px;
  height: auto;
  display: none;
}
/* Desktop - Large screens */
@media only screen and (min-width: 1921px) {
  #main-bg {
    height: 950px;
    background: url("../images/main-bg-large.jpg") no-repeat top center;
  }
  #bnr-txt {
    margin-top: 320px;
  }
}
@media (max-width: 1024px) {
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 64%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 0;
    width: 35%;
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 217px;
    margin-bottom: 250px;
  }
  #built-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/built-you.jpg") #09a8c2 right top no-repeat;
    padding-top: 22px;
    padding-bottom: 54px;
  }
  #built-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 50.6271%;
    display: block;
  }
  #dmnt-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.1525%;
    display: block;
    margin-top: 10px;
  }
  #dmnt-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: block;
    margin-top: 70px;
  }
  #dominate-hf {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 22px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 27%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: -40px;
    text-align: center;
  }
  #scur-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: block;
    margin-top: 90px;
  }
  #sl-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 40.6779%;
    display: block;
    margin-top: 60px;
  }
  #perfect-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/btm-bg2.png") no-repeat top center;
    height: 256px;
    position: absolute;
    z-index: 999;
    margin-top: -23px;
  }
  #slider-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 70px;
    padding-bottom: 80px;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    margin-top: 200px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 13.2542%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: none;
    float: left;
    margin-left: 4.6949%;
    width: 15.2542%;
    display: block;
  }
  #ft-lnk5 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 24.2542%;
    display: block;
    text-align: center;
  }
  .btn_4 {
    display: inline-block;
    width: 42%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 20px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 12px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .txt8 {
    font-family: Roboto-Regular;
    font-size: 25px;
    color: #fff;
  }
  .btn_5 {
    display: inline-block;
    width: 30%;
    height: 55px;
    line-height: 54px;
    font-family: open-sans-semibold;
    font-size: 22px;
    padding-left: 2px;
    text-align: center;
    background: #fff;
    border: 1px #fff solid;
    color: #ff5600;
  }
  .btn_5.color_10 {
    color: #ff5600;
    text-decoration: none;
  }
  .btn_5.color_10:hover {
    background: #103d4d;
    border: 1px #103d4d solid;
    color: #fff;
    text-decoration: none;
  }
}
/*============  *****  =============*/
@media (max-width: 800px) {
  #main-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/main-bg2.jpg") no-repeat top center;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 107px;
    margin-bottom: 130px;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 60%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 0;
    width: 39%;
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  #fst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #spce1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 84px;
  }
  #built-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/built-you2.jpg") #09a8c2 no-repeat;
    padding-top: 22px;
    padding-bottom: 360px;
  }
  #built-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #dmnt-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  #dmnt-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: none;
    margin-top: 290px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 70.5762%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 1%;
    width: 26.7288%;
    display: block;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #lanh2 {
    clear: none;
    float: left;
    margin-left: 3.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #lanh3 {
    clear: none;
    float: left;
    margin-left: 3.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #lunch-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 19px;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 39px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 27%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: -16px;
    text-align: center;
  }
  #scur-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 28px;
    margin-bottom: 80px;
  }
  #scur-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 49.1525%;
    display: none;
    margin-top: 23px;
  }
  #wrd-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    padding-top: 50px;
    padding-bottom: 80px;
    margin-top: -90px;
  }
  #sign-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  #sign-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 53.1525%;
    display: none;
    margin-top: 10px;
    margin-bottom: 70px;
  }
  #perfect-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/btm-bg3.png") no-repeat top center;
    height: 256px;
    position: absolute;
    z-index: 999;
    margin-top: -23px;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    margin-top: 200px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: none;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 13.2542%;
    display: none;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 20%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 18.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: none;
    float: left;
    margin-left: 4.6949%;
    width: 22.2542%;
    display: block;
  }
  #ft-lnk5 {
    clear: none;
    float: left;
    margin-left: 0%;
    width: 28.2542%;
    display: block;
    text-align: center;
  }
  .btn_3 {
    display: inline-block;
    width: 32%;
    height: 48px;
    line-height: 47px;
    font-family: open-sans-semibold;
    font-size: 19px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    margin-left: 12px;
    margin-top: 10px;
  }
  .btn_3.color_6 {
    color: #fff;
    text-decoration: none;
  }
  .btn_3.color_6:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_4 {
    display: inline-block;
    width: 56%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 20px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 12px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .dmn-mrk1 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    width: 400px;
    height: auto;
    display: block;
  }
  .dmn-mrk2 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    width: 400px;
    height: auto;
    display: block;
  }
  .dmn-mrk3 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 120px;
    width: 400px;
    height: auto;
    display: block;
  }
  .txt4 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #161616;
  }
  .txt7 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fff;
  }
  .txt07 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fd930a;
  }
  .txt077 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #000;
  }
  .txt26 {
    font-family: Roboto-Light;
    font-size: 30px;
    color: #000;
    line-height: 39px;
  }
  .txt5 {
    font-family: Roboto-Regular;
    font-size: 25px;
    color: #373737;
  }
  .dvd-3 {
    margin-top: -21px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
  }
}
/*============  *****  =============*/
@media (max-width: 768px) {
  .mult3,
  .hosting-box.mult4 {
    clear: both;
  }
  .feature-box.non3 {
    margin-left: 1.6949%;
  }
  .hosting-box.mult4 {
    margin-left: 0;
  }
  .hosting-box.non4,
  .feature-box.non3 {
    margin-left: 1.6949%;
  }
  .hosting-box.mult3 {
    clear: none;
  }
  .hosting-box.mult4 {
    margin-left: 0;
  }
  .feature-title {
    width: 100%;
    margin-top: 12px;
  }
  .feature-info {
    margin-left: 20%;
    width: 60%;
    margin-top: 9px;
  }
  .hosting-info {
    margin-left: 10%;
    width: 80%;
  }
  #mn-hdr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/tp-bg.png") repeat center top;
  }
  #logo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 23.7288%;
    display: block;
    margin-top: 20px;
    margin-bottom: 17px;
  }
  #ryt-tch {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 74.5762%;
    display: block;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 46%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 4%;
    width: 50%;
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  #fst-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -30px;
  }
  #spce1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 54px;
  }
  #spce2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 74px;
  }
  #hosting-feature {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 77.5762%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 3%;
    width: 18.7288%;
    display: block;
  }
  #lunch-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 36px;
  }
  #crte {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: -6px;
  }
  #lunch-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 36px;
  }
  #crte2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -6px;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh2 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh3 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 28.7288%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lnch-ic1 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #lnch-ic2 {
    clear: both;
    float: left;
    margin-left: 18%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 36px;
  }
  #lnch-ic3 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #sit-hd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-mtr1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 18%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 80px;
    text-align: center;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 80px;
  }
  #cloud-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #pricng-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/chrt-bg.jpg") repeat center top;
    background-size: contain;
  }
  #ptrn-prc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/chrt-ptrn.png") top center no-repeat;
    background-size: cover;
  }
  #prcng-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #prcng-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -25px;
  }
  #lrs-pr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -18px;
  }
  #grph-scrl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 56px;
  }
  #grph {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 65px;
  }
  #strt-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 72px;
  }
  #secure-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  #wrd-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #bst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #wd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 32.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd-ic {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 28px;
  }
  #wd-ic2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 38px;
  }
  #wd-ic3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #sbdomain-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sbdomain-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sbdomain-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #subdomin-mtr {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #subdomin-mtr2 {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #subdomin-mtr3 {
    clear: both;
    float: left;
    margin-left: 5%;
    width: 90%;
    display: block;
    margin-top: 9px;
  }
  #sign-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
  }
  #ssl-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    padding-bottom: 70px;
  }
  #slider-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 70px;
  }
  #free-sl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  #sl-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 57.6271%;
    display: block;
    margin-top: 38px;
  }
  #sl-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 40.6779%;
    display: block;
    margin-top: 50px;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 10%;
    width: 80%;
    display: block;
    text-align: center;
    margin-top: 72px;
  }
  #prft-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #perfect-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: url("../images/btm-bg4.png") no-repeat top center;
    height: 316px;
    position: absolute;
    z-index: 999;
    margin-top: -23px;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    margin-top: 250px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  #built-love {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .btn_1 {
    display: inline-block;
    width: 46%;
    height: 36px;
    line-height: 35px;
    font-family: open-sans-regular;
    font-size: 15px;
    padding-left: 2px;
    text-align: center;
    background: none;
    border: 1px #fff solid;
    text-transform: uppercase;
    color: #fff;
  }
  .btn_1.color_3 {
    color: #fff;
    text-decoration: none;
  }
  .btn_1.color_3:hover {
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_2 {
    display: inline-block;
    width: 46%;
    height: 36px;
    line-height: 35px;
    font-family: open-sans-regular;
    font-size: 15px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    margin-left: 12px;
  }
  .btn_2.color_4 {
    color: #fff;
    text-decoration: none;
  }
  .btn_2.color_4:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .txt16 {
    font-family: Roboto-Light;
    font-size: 20px;
    color: #131313;
    line-height: 30px;
  }
  .dmn-mrk3 {
    float: right;
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 210px;
    width: 400px;
    height: auto;
    display: block;
  }
  .txt26 {
    font-family: Roboto-Light;
    font-size: 32px;
    color: #000;
    line-height: 39px;
  }
}
/*============  *****  =============*/
@media (max-width: 736px) {
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 46%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 2%;
    width: 50%;
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: none;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 13.2542%;
    display: none;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 30%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 20.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: none;
    float: left;
    margin-left: 15.6949%;
    width: 30.2542%;
    display: block;
  }
  #ft-lnk5 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    border-top: 1px #28515f solid;
    margin-top: 30px;
    padding-top: 30px;
  }
  .btn_1 {
    display: inline-block;
    width: 42%;
    height: 36px;
    line-height: 35px;
    font-family: open-sans-regular;
    font-size: 15px;
    padding-left: 2px;
    text-align: center;
    background: none;
    border: 1px #fff solid;
    text-transform: uppercase;
    color: #fff;
  }
  .btn_1.color_3 {
    color: #fff;
    text-decoration: none;
  }
  .btn_1.color_3:hover {
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_2 {
    display: inline-block;
    width: 42%;
    height: 36px;
    line-height: 35px;
    font-family: open-sans-regular;
    font-size: 15px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    margin-left: 12px;
  }
  .btn_2.color_4 {
    color: #fff;
    text-decoration: none;
  }
  .btn_2.color_4:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
}
/*============  *****  =============*/
@media (max-width: 667px) {
  .hosting-box.non4,
  .hosting-box.mult4 {
    clear: none;
    margin-left: 0;
  }
  .hosting-box.mult3,
  .feature-box.mult3 {
    clear: both;
  }
  .feature-box.non3 {
    margin-left: 1.6949%;
  }
  .feature-info {
    margin-left: 20%;
    width: 60%;
    margin-top: 9px;
  }
  .hosting-info {
    margin-left: 10%;
    width: 80%;
  }
  .feature-info {
    margin-left: 0%;
    width: 100%;
    margin-top: 9px;
  }
  .hosting-box {
    width: 32.2033%;
  }
  .hosting-info {
    margin-left: 10%;
    width: 80%;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 46%;
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 1%;
    width: 50%;
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 77.5762%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 6%;
    width: 13.7288%;
    display: block;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 13%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 210px;
    text-align: center;
  }
  #sign-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  #sl-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 57.6271%;
    display: block;
    margin-top: 38px;
  }
  #sl-ryt {
    clear: none;
    float: left;
    margin-left: 3.6949%;
    width: 38.6779%;
    display: block;
    margin-top: 50px;
  }
  .txt2 {
    font-family: Opensans-Light;
    font-size: 40px;
    color: #fff;
  }
  .txt3 {
    font-family: open-sans-semibold;
    font-size: 23px;
    color: #fff;
  }
  .bnr-t {
    margin-top: -17px;
  }
  .txt8 {
    font-family: Roboto-Regular;
    font-size: 23px;
    color: #fff;
  }
  .btn_4 {
    display: inline-block;
    width: 65%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 20px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 12px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .txt18 {
    font-family: Roboto-Regular;
    font-size: 30px;
    color: #fff;
    line-height: 33px;
  }
  .dmn-mrk1 {
    float: right;
    margin-left: 20px;
    margin-top: 60px;
    width: 300px;
    height: auto;
    display: block;
  }
  .dmn-mrk2 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 100px;
    width: 360px;
    height: auto;
    display: block;
  }
  .dmn-mrk3 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 350px;
    height: auto;
    display: block;
  }
}
/*============  *****  =============*/
@media (max-width: 640px) {
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: none;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 13.2542%;
    display: none;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 30%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 25.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: none;
    float: left;
    margin-left: 10.6949%;
    width: 30.2542%;
    display: block;
  }
  #ft-lnk5 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    border-top: 1px #28515f solid;
    margin-top: 30px;
    padding-top: 30px;
  }
  .txt2 {
    font-family: Opensans-Light;
    font-size: 38px;
    color: #fff;
  }
  .txt3 {
    font-family: open-sans-semibold;
    font-size: 23px;
    color: #fff;
  }
  .bnr-t {
    margin-top: -15px;
  }
  .dmn-mrk2 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 130px;
    width: 360px;
    height: auto;
    display: block;
  }
  .dmn-mrk1 {
    float: right;
    margin-left: 20px;
    margin-top: 70px;
    width: 300px;
    height: auto;
    display: block;
  }
  .btn_5 {
    display: inline-block;
    width: 40%;
    height: 55px;
    line-height: 54px;
    font-family: open-sans-semibold;
    font-size: 22px;
    padding-left: 2px;
    text-align: center;
    background: #fff;
    border: 1px #fff solid;
    color: #ff5600;
  }
  .btn_5.color_10 {
    color: #ff5600;
    text-decoration: none;
  }
  .btn_5.color_10:hover {
    background: #103d4d;
    border: 1px #103d4d solid;
    color: #fff;
    text-decoration: none;
  }
}
/*============  *****  =============*/
@media (max-width: 480px) {
  #main-hdr {
    padding-top: 50px;
  }
  .nav-links {
    display: none;
  }
  .mult3 {
    clear: none;
  }
  .non3 {
    margin-left: 0;
  }
  .odd {
    clear: both;
    margin-left: 5.6949%;
  }
  .even {
    margin-left: 0;
  }
  #logo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 16px;
    text-align: center;
  }
  #ryt-tch {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 45%;
    display: block;
    text-align: left;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 0;
    width: 55%;
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 82px;
  }
  #fst-sub {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -10px;
  }
  .feature-box {
    margin-left: 0;
    width: 46.2033%;
  }
  .feature-box.odd {
    clear: both;
  }
  .feature-box.even {
    margin-left: 5.6949%;
  }
  .even {
    margin-left: 0;
  }
  #peoples {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #peoples2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
  }
  #peoples3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  #peoples4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  #peoples5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  #built-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background: #09a8c2;
    padding-top: 42px;
    padding-bottom: 74px;
  }
  #dmnt-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 70px;
    text-align: center;
  }
  #dominate-hf {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #hosting-feature {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 50px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 40%;
    width: 50.7288%;
    display: block;
    position: absolute;
    z-index: 99999999999;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 30%;
    width: 50%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 610px;
    text-align: center;
  }
  #lunch-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 36px;
  }
  #crte2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -6px;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh2 {
    clear: none;
    float: left;
    margin-left: 5.6949%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh3 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lnch-ic1 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #lnch-ic2 {
    clear: both;
    float: left;
    margin-left: 18%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 36px;
  }
  #lnch-ic3 {
    clear: both;
    float: left;
    margin-left: 20%;
    width: 80%;
    display: block;
    text-align: right;
    margin-top: 43px;
  }
  #sit-hd1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-hd3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
  #sit-mtr1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #sit-mtr3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 9px;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 80px;
  }
  #grph {
    clear: both;
    float: left;
    margin-left: 4.5%;
    width: 95%;
    display: block;
    text-align: center;
    margin-top: 65px;
  }
  #scur-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 28px;
    margin-bottom: 70px;
    text-align: center;
  }
  #wrd-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    padding-top: 45px;
    padding-bottom: 80px;
    margin-top: 0px;
  }
  #wrd-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #bst-hd {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #wd1 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd2 {
    clear: none;
    float: left;
    margin-left: 5.6949%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd3 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 46.2033%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #free-sl {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  #sl-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 38px;
    text-align: center;
  }
  #sl-ryt {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 40.6779%;
    display: none;
    margin-top: 20px;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 66px;
  }
  #prft-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  #strt-btn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 82px;
    margin-top: 20px;
  }
  #sign-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  .btn_3 {
    display: inline-block;
    width: 50%;
    height: 48px;
    line-height: 47px;
    font-family: open-sans-semibold;
    font-size: 19px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    margin-left: 12px;
    margin-top: 10px;
  }
  .btn_3.color_6 {
    color: #fff;
    text-decoration: none;
  }
  .btn_3.color_6:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_4 {
    display: inline-block;
    width: 80%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 20px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_5 {
    display: inline-block;
    width: 60%;
    height: 55px;
    line-height: 54px;
    font-family: open-sans-semibold;
    font-size: 22px;
    padding-left: 2px;
    text-align: center;
    background: #fff;
    border: 1px #fff solid;
    color: #ff5600;
  }
  .btn_5.color_10 {
    color: #ff5600;
    text-decoration: none;
  }
  .btn_5.color_10:hover {
    background: #103d4d;
    border: 1px #103d4d solid;
    color: #fff;
    text-decoration: none;
  }
  .dvd-1 {
    margin-top: -30px;
  }
  .dvd-2 {
    margin-top: -30px;
  }
  .txt4 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #161616;
  }
  .txt7 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fff;
  }
  .txt07 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fd930a;
  }
  .txt077 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #000;
  }
  .txt10 {
    font-family: Roboto-Light;
    font-size: 25px;
    color: #fff;
    line-height: 39px;
  }
  .txt15 {
    font-family: Roboto-Light;
    font-size: 25px;
    color: #131313;
  }
  .txt18 {
    font-family: Roboto-Regular;
    font-size: 28px;
    color: #fff;
    line-height: 35px;
  }
  .txt26 {
    font-family: Roboto-Light;
    font-size: 28px;
    color: #000;
    line-height: 39px;
  }
  .txt22 {
    font-family: Roboto-Regular;
    font-size: 27px;
    color: #fff;
  }
  .dmn-mrk1 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    width: 400px;
    height: auto;
    display: none;
  }
  .dmn-mrk2 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    width: 400px;
    height: auto;
    display: none;
  }
  .dmn-mrk3 {
    float: right;
    margin-left: 20px;
    margin-top: 30px;
    width: 400px;
    height: auto;
    display: none;
  }
  .rcko-1 {
    width: 350px;
    height: auto;
  }
  .rcko-2 {
    width: 350px;
    height: auto;
  }
  .rcko-3 {
    width: 350px;
    height: auto;
  }
  .rcko-4 {
    width: 350px;
    height: auto;
  }
  .rcko-5 {
    width: 320px;
    height: auto;
  }
  .arrow2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
  }
  .arrow2 li {
    margin-left: 7px;
    background-repeat: no-repeat;
    background-position: 0 0.6em;
    font-family: Roboto-Light;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    text-decoration: none;
    margin-bottom: 10px;
  }
  .arrow2 li a {
    color: #fff;
    text-decoration: none;
  }
  .arrow2 li a:hover {
    color: #ffa800;
    text-decoration: none;
  }
}
/*============  *****  =============*/
@media (max-width: 414px) {
  .feature-box.even,
  .feature-box.non3,
  .feature-box.non4 {
    margin-left: 0;
  }
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 50%;
    display: block;
    text-align: left;
    margin-top: 20px;
  }
  #tp-btns {
    clear: none;
    float: left;
    margin-left: 0;
    width: 50%;
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 82px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 30%;
    width: 50%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 650px;
    text-align: center;
  }
  #ft-lnk1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 15.2542%;
    display: none;
  }
  #ft-lnk2 {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 13.2542%;
    display: none;
  }
  #dt-lnkmn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 40%;
    display: block;
  }
  #ft-lnk3 {
    clear: none;
    float: left;
    margin-left: 6.6949%;
    width: 40.2542%;
    display: block;
  }
  #ft-lnk4 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 60.2542%;
    display: block;
    margin-top: 30px;
  }
  #ft-lnk5 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    border-top: 1px #28515f solid;
    margin-top: 30px;
    padding-top: 30px;
  }
  #ftr-bg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #103d4d;
    margin-top: 260px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .btn_4 {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 20px;
    padding-left: 0px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .txt {
    font-family: open-sans-regular;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
  }
  .txt a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
  }
  .txt a:hover {
    color: #ff5600;
    text-decoration: none;
    text-transform: uppercase;
  }
  .txt-p {
    padding-left: 10px;
  }
  .rcko-1 {
    width: 320px;
    height: auto;
  }
  .rcko-2 {
    width: 320px;
    height: auto;
  }
  .rcko-3 {
    width: 320px;
    height: auto;
  }
  .rcko-4 {
    width: 320px;
    height: auto;
  }
  .rcko-5 {
    width: 300px;
    height: auto;
  }
}
/*============  *****  =============*/
@media (max-width: 480px) {
  #logo {
    text-align: left;
    max-width: 50%;
  }
  #tp-btns {
    display: none;
  }
  .btn_1 {
    display: none;
  }
  #ryt-tch {
    width: 30%;
    clear: none;
  }
  .btn_2 {
    width: 90px;
  }
}
@media (max-width: 375px) {
  #nvgtn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
    text-align: center;
    margin-top: 10px;
  }
  #tp-btns {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 82px;
  }
  .feature-box {
    width: 100%;
  }
  #lanh1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #lanh3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  #launch-lft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  #launch-ryt {
    clear: none;
    float: left;
    margin-left: 50%;
    width: 40.7288%;
    display: block;
    position: absolute;
    z-index: 99999999999;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 50%;
    width: 28%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 1070px;
    text-align: center;
  }
  #lnc-spc {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 120px;
  }
  #wd1 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 45px;
  }
  #wd2 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #wd3 {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 72px;
  }
  .txt-p {
    padding-left: 16px;
  }
  .txt2 {
    font-family: Opensans-Light;
    font-size: 35px;
    color: #fff;
  }
  .txt3 {
    font-family: open-sans-semibold;
    font-size: 20px;
    color: #fff;
  }
  .bnr-t {
    margin-top: -10px;
  }
  .txt26 {
    font-family: Roboto-Light;
    font-size: 25px;
    color: #000;
    line-height: 35px;
  }
  .btn_3 {
    display: inline-block;
    width: 70%;
    height: 48px;
    line-height: 47px;
    font-family: open-sans-semibold;
    font-size: 19px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #ff5600;
    border: 1px #ff5600 solid;
    color: #fff;
    margin-left: 12px;
    margin-top: 10px;
  }
  .btn_3.color_6 {
    color: #fff;
    text-decoration: none;
  }
  .btn_3.color_6:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_4 {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 18px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .btn_5 {
    display: inline-block;
    width: 80%;
    height: 55px;
    line-height: 54px;
    font-family: open-sans-semibold;
    font-size: 22px;
    padding-left: 2px;
    text-align: center;
    background: #fff;
    border: 1px #fff solid;
    color: #ff5600;
  }
  .btn_5.color_10 {
    color: #ff5600;
    text-decoration: none;
  }
  .btn_5.color_10:hover {
    background: #103d4d;
    border: 1px #103d4d solid;
    color: #fff;
    text-decoration: none;
  }
  .rcko-2 {
    width: 300px;
    height: auto;
  }
  .rcko-3 {
    width: 280px;
    height: auto;
  }
  .rcko-4 {
    width: 280px;
    height: auto;
  }
  .rcko-5 {
    width: 250px;
    height: auto;
  }
}
/*============  *****  =============*/
@media (max-width: 360px) {
  #cloud-img {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: -5px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 50%;
    width: 28%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 1090px;
    text-align: center;
  }
  #prft-txt {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 60px;
  }
  .txt4 {
    font-family: Roboto-Light;
    font-size: 32px;
    color: #161616;
  }
  .txt7 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fff;
  }
  .txt07 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #fd930a;
  }
  .txt077 {
    font-family: Roboto-Light;
    font-size: 35px;
    color: #000;
  }
}
/*============  *****  =============*/
@media (max-width: 320px) {
  #bnr-txt {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 82px;
  }
  #laub-img {
    clear: both;
    float: left;
    margin-left: 50%;
    width: 28%;
    display: block;
    position: absolute;
    z-index: 99999999999;
    margin-top: 1150px;
    text-align: center;
  }
  .btn_4 {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 48px;
    font-family: open-sans-semibold;
    font-size: 17px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    background: #fd930a;
    border: 1px #fd930a solid;
    color: #fff;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .btn_4.color_8 {
    color: #fff;
    text-decoration: none;
  }
  .btn_4.color_8:hover {
    background: none;
    border: 1px #fff solid;
    color: #fff;
    text-decoration: none;
  }
  .txt2 {
    font-family: Opensans-Light;
    font-size: 28px;
    color: #fff;
    line-height: 40px;
  }
  .txt3 {
    font-family: open-sans-semibold;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
  }
  .bnr-t {
    margin-top: -10px;
  }
}
/*============  *****  =============*/
#mn-hdr {
  position: fixed;
  background: #031930;
  opacity: 0.9;
  z-index: 10000;
}
#laub-img {
  z-index: 5000;
}
.orange {
  color: #fd930a;
}
#cloud-img {
  height: 69px;
  background-image: url("/images/cloud-bg.jpg");
  background-repeat: no-repeat;
  background-color: #103d4d;
  background-position: center;
}
.nav-links a {
  margin-left: 20px;
  font-weight: bold;
}
.nav-links a:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 1150px) {
  .secondary {
    display: none;
  }
}
@media only screen and (max-width: 780px) {
  .nav-links a.pricing,
  .nav-links a.contact {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #bnr-txt {
    margin-top: 100px;
  }
  #main-bg {
    height: 550px;
  }
}
.main-body {
  background-color: #fff;
  min-height: 100vh;
}
.main-body .contact-form .submit-btn {
  background-color: #ff5601;
}
/*============  Contact Us  =============*/
.contact-form {
  background-color: #fff;
  color: #333;
  margin-bottom: -165px;
  padding-bottom: 40px;
  text-align: center;
}
.contact-form .form-row {
  max-width: 600px;
  margin: 10px auto;
  display: block;
  text-align: left;
}
.contact-form .form-row * {
  font-size: 18px;
}
.contact-form .form-row .name-inp {
  width: 47%;
  display: inline-block;
}
.contact-form .form-row .form-label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
.contact-form .form-row input,
.contact-form .form-row textarea {
  border: solid 1px #ccc;
}
.contact-form .form-row input[type=radio] {
  margin: 5px 5px;
}
.contact-form .form-row .label-thin {
  font-weight: normal;
}
.contact-form .form-row textarea {
  width: 100%;
  min-height: 120px;
}
.contact-form .form-row h1 {
  padding-top: 10px;
}
.contact-form-submitted {
  text-align: center;
}
#ftr-bg .brand {
  color: #fff;
  font-size: 28px;
}
.input-error {
  border-color: #f22;
}
.error2 {
  color: #f22;
  list-style: none;
  clear: both;
}
.site-url {
  width: 70%;
  padding: 6px;
}
.speed-tool {
  border-bottom: 1px solid #c4c4c4;
}
.speed-tool .beta-label {
  cursor: help;
  font-size: 18px;
  color: #fff;
  background: #e04000;
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: 10px;
  vertical-align: top;
}
.speed-tool-box {
  margin: 0px auto;
  text-align: center;
  max-width: 1050px;
}
.site-url-form {
  margin: 0px auto;
  max-width: 750px;
}
.site-url-form input {
  line-height: normal;
}
div.site-speed-container {
  padding: 0px;
  padding-top: 15px;
}
div.site-speed-container h2 {
  font-size: 32px;
}
div.site-speed-container h3 {
  font-size: 20px;
  line-height: 30px;
}
div.site-speed-container h1,
div.site-speed-container h2 {
  margin: 0px;
}
div.site-speed-container .sites-tested-block {
  font-size: 48px;
}
div.site-speed-container .site-url {
  width: 500px;
  font-size: 26px;
}
div.site-speed-container .check-btn {
  width: 100px;
  height: 48px;
}
div.site-speed-container .site-url-form {
  max-width: inherit;
}
.response-histogram,
.slowest-sites,
.hosting-providers {
  border: 1px solid #ddd;
  margin: 50px 8px 0;
  width: 350px;
  float: left;
}
.response-histogram .chart-block,
.slowest-sites .chart-block,
.hosting-providers .chart-block {
  height: 300px;
}
.error-row,
.error-span {
  color: #f00;
}
.latest-result {
  text-align: center;
}
.site-terms,
.site-terms a {
  font-size: 16px;
  color: #373737;
}
.site-submit {
  text-decoration: none;
  line-height: 40px;
  height: 40px;
  width: 150px;
}
.site-submit:hover {
  background: #031930;
  border: 1px #000 solid;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.site-submit[disabled] {
  background-color: #d3d3d3;
  border: 1px #aaa solid;
  cursor: default;
}
.btn_4.site-submit {
  margin-top: 8px;
}
@media only screen and (max-width: 1130px) {
  .speed-tool .cntnr img {
    display: none;
  }
}
.hide {
  display: none !important;
}
.url-valid {
  color: #008000;
}
.url-error {
  color: #f00;
}
.url-valid.fa,
.url-error.fa {
  display: inline-block;
  margin-left: 5px;
}
.site-speed-container {
  max-width: 1200px !important;
  text-align: center;
  margin-bottom: 40px;
}
a.btn_5.hover-orange:hover {
  background-color: #ff5600;
}
a.btn_blue:visited,
a.btn_blue {
  background-color: #103d4d;
  color: #fff;
  text-decoration: none;
}
a.btn_9 {
  background-color: #25f;
  color: #fff;
  border-color: #25f;
  text-decoration: none;
}
div.arrow2 {
  margin-bottom: 20px;
}
div.arrow2 strong {
  color: #fff;
}
.feature-info {
  height: 70px;
}
.learn-more-box {
  height: 40px;
}
a.learn-more {
  margin-top: 20px;
  display: inline-block;
  width: 100px;
  border: 2px solid #103d4d;
  color: #103d4d;
  font-size: 18px;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
}
a.learn-more:hover {
  border: 2px solid #fd930a;
  color: #fff;
  background-color: #fd930a;
}