/* ==========================================================================
   DotBlock.com Custom CSS

   ========================================================================== */


   /*** COLOR CODES **********************************************************************************************/
   /*
   MAIN BLUE:   #3767A2
   LIGHT BLUE:  #6AA2EC
   DARK BLUE:   #1F406A
   MAIN PURPLE: #d4c0ea
   DARK PURPLE: #c3a6e2
   MAIN GREEN:  #a1e5d7
   DARK GREEN:  #62d3bd
   */

/*** DEFAULT ********************************************************************/
body					{ font-family: 'Roboto', Arial, Verdana, sans-serif; font-size: 16px; background: #ececec; letter-spacing: .025em; padding-bottom: 0px; overflow-x: hidden; font-weight: 300; color:#666; }
.hide					{ opacity:0; }
.show					{ opacity:1; }
.show-until-tablet-768	{ display:block; }
.hide-until-tablet-768	{ display:none; }
.inner 					{ width:94%; margin: 0 auto; }
a                       { color: #6aa2ec; text-decoration: none; }
a:hover                 { color: #3767A2; text-decoration: none; }
h1, h2, h3, h4          { font-family: 'Titillium Web', Arial, Verdana, sans-serif; letter-spacing: 0em; font-weight: 200; }
h5, h6                  { font-family: 'Roboto', Arial, Verdana, sans-serif; font-weight: 300; }
h1                      { color: #6AA2EC; margin-bottom: 0.65em; font-size: 48px; }
h2                      { font-size: 40px; }
h3                      { font-size: 32px; }
#price-slider h2        { color: #3767A2; margin-bottom: 0.65em; }
h4                      { font-size: 1.875em; }
h5                      { font-size: 1.125em; }
h6                      { text-transform: uppercase; font-size: 1em; }
.left					{ float:left; }
.right					{ float:right; }
.no-padding             { padding: 0; }
.no-margin              { margin: 0; }
.under                  { position: relative; z-index: 50; }
.over                   { position: relative; z-index:100; }
.none                   { display: none; }


section                 { padding: 3.5em 0 4.5em; }
section#pricing         { padding: 1em 0 4.5em; }
body.home-page section#pricing
                        { padding: 3.5em 0 3.5em; }
section#twitter-panel   { padding: 4.5em 0 5.5em; }
.main-content           { min-height: 600px; }
.lt-gray                { background-color: #f5f5f5; }
.dk-gray                { background-color: #ececec; }
.btn-primary:hover      { background-color: #3767a2; }
.fadeinleft             { opacity:0; margin-left:-300px; max-width:100%; }
.fadeinbottom           { opacity: 0; }
.main-content           { min-height: 600px; }
.below-right            { position: relative; top: -20px; left: 0px; }
.top-left               { position: absolute; top: 70px; right: 30px; }
#scroll                 { position:fixed; right:48%; bottom:5px; cursor:pointer; width:50px; height:30px;
                          background-color: rgba(255, 255, 255, 0.1); text-indent:-9999px; display:none;
                          -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#scroll span            { position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-14px; height:0;
                          width:0; border:9px solid transparent; border-bottom-color: rgba(255, 255, 255, 0.5); }
#scroll:hover           { background-color:#6aa2ec; opacity:1; filter:"alpha(opacity=100)";
                          -ms-filter:"alpha(opacity=100)"; }
#chatlio-widget .chatlio-title-bar
            			{ background-color: #33cc99 !important; }
#chatlio-widget .chatlio-title-bar .chatlio-online-dot
            			{ color: #a1fb58 !important; }



/*** HEADER *********************************************************************/
#dbSlider.carousel      { height: 625px; }
#dbSlider.carousel .item
                        { height: 625px; background-color: #3767A2; transition-property: opacity; }
#dbSlider .carousel-inner
                        { background-color: #3767A2; }
.carousel-inner > .item > img
                        { height: 100%; }
#dbSlider .carousel-caption
                        { top: 10em; text-shadow: 0px 0px 0px transparent; }
#dbSlider .carousel-caption p
                        { color: #ccc; margin-bottom: 1.5em; /*margin-left: 5em; margin-right: 5em;*/ }
#dbSlider .carousel-caption h1
                        { color: #fff; /*font-weight: 300;*/ }
.carousel-caption .btn  { border: 2px solid #fff; position: relative; z-index: 100; }
.carousel-caption .btn.focus, .carousel-caption .btn:focus, .carousel-caption .btn:hover
                        { color: #fff; }
.carousel-inner .item,
.carousel-inner .active.left,
.carousel-inner .active.right
                        { opacity: 0; }
.carousel-inner .active,
.carousel-inner .next.left,
.carousel-inner .prev.right
                        { opacity: 1; }
.carousel-inner .next,
.carousel-inner .prev,
.carousel-inner .active.left,
.carousel-inner .active.right
                        { left: 0; transform: translate3d(0, 0, 0); }
.carousel-indicators    { bottom: 3em; }
header					{ /*padding: 0 20px; background-color: #092a3a;*/ }
.site-header			{ margin:0px auto; padding:0px; position:relative; z-index:25; }
.navbar-wrapper         { margin-top: 0px; }
.navbar-wrapper .phone-info
		                { /*background-color: rgba(0, 0, 0, 0.2); */ width: 100%; color: #79b1f9; text-align: right; padding: 12px 0; text-transform: uppercase; font-size: 0.8em; }
.phone-info span.support-number
                        { color: #fff; }
.phone-info i.fa 		{ margin-right: 10px; }
.phone-info p           { display: inline-block; padding-top: 0.5em; }
.navbar-wrapper .site-logo
                        { float:left; }
.site-logo 				{ width:100%; height:53px; display:inline-block; background-repeat:no-repeat;
                          text-indent: -9999px; -webkit-transition:opacity ease 0.25s; -ms-transition:opacity ease 0.25s; transition:opacity ease 0.25s }
.site-logo:hover		{ opacity:0.7; }
.nav-toggle				{ float: right; margin-left: 14px; color: #fff; border: 2px solid #fff !important;
                          padding: 17px 14px; }
.nav-toggle:focus		{ outline:0; }
.nav-toggle .icon-bar	{ display:block; width:22px; height:2px; border-radius:1px; }
.icon-bar 				{ background-color: #fff; }
.nav-toggle .icon-bar+.icon-bar
						{ margin-top:4px; }
.site-header-btn.btn	{ /*height:50px;*/ margin-right:15px; padding: 0.25em 1em; float:right;
                          font-size:0.875em; text-decoration: none; line-height: 1.85em; }
.site-header button, .site-header .btn
						{ border: 0px none; font-size: 0.9em; padding: 12px; }
a.btn-ghost				{ border: 2px solid #D6D5D5 !important; background-color: transparent;
						  color:#D6D5D5; margin-left: 20px; transition: all 0.5s ease-in-out; }
a.btn-ghost:hover		{ border: 2px solid #D6D5D5 !important; background-color:#d6d5d5; color:#3767a2; }


/*** NAV ************************************************************************/
#navbar                 { float: right; }
.navbar                 { margin-bottom: 0px; }
.navbar-nav             { font-size: 0.95em; letter-spacing: 0.125em; }
.navbar-nav>li    		{ float: left; display: inline-block; }
.navbar-nav>li>a  		{ color: #ccc; text-decoration: none; text-transform: uppercase; padding: 14px; transition: all 0.5s ease-in-out; }
.navbar-nav>li>a :hover { color: #ccc; }
.nav>li>a:focus, .nav>li>a:hover
                        { color: #fff; background-color: transparent; }
body.page .navbar-wrapper
                        { margin-top: 0px; display: block; clear: both; min-height: 150px; position: static; background-color: #3767A2; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
                        { background-color: transparent; border-color: transparent; color: #fff; }
.navbar-wrapper .navbar .container
                        { width: 1170px; }
.dropdown-menu          { -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.075); box-shadow: 0 4px 12px rgba(0,0,0,.075); }
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu
                        { display: table; border-radius: 0px; width: 100%; text-align: center;
                          left: 0; right: 0; border: 0px none; margin-top: -5px; font-size: 0.95em; }
.dropdown-menu > li     { display: table-cell; height: 50px; line-height: 50px; vertical-align: middle; }
.megamenu .nav, .megamenu .collapse,
.megamenu .dropup, .megamenu .dropdown
                        { position: static; }
.megamenu .dropdown-menu
                        { left: auto; }
/*.megamenu .dropdown-menu:before
                        { content: ""; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-bottom-color: #fff; top: -20px; left: 58%; z-index: 2; }*/
#navbar ul.nav li.dropdown.open > a:after {
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #fff;
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -8px;
}
.megamenu .megamenu-content
                        { padding: 32px 15px 38px; }
.megamenu .megamenu-content h3
                        { margin-top: 0.5em; color: #3767a2; font-size: 1.45em; text-align: left; margin-bottom: 1em; }
.megamenu .dropdown.hr-megamenu .dropdown-menu
                        { left: 0; right: 0; }
.megamenu-content ul    { margin: 0; padding: 0; }
.megamenu-content ul li { list-style-type: none; text-align: left; height: 2.5em; line-height: 1.5em; letter-spacing: 0.05em;  }
.megamenu-content ul li a
                        { color: #999; transition: all 0.75s ease; }
.megamenu-content ul li a:hover
                        { color: #337ab7; text-decoration: none; background: #f3f3f3; padding: 6px 12px; border-radius: 6px; }
.megamenu-padding-left  { padding-left: 30px; border-left: 1px solid #ececec; }
.megamenu-list-left     {  }
.megamenu-list-right    { border-left: 1px solid #ddd; padding-left: 30px; }
.megamenu-content li.prod-li
                        { text-align: center !important; }
li.prod-li h5           { font-size: 1.025em; }

/**** OFF CANVAS **/
a.nav-expander          { /*background: none repeat scroll 0 0 #000000;*/ color: #FFFFFF; display: block;
                          font-size: 15px; font-weight: 400; height: 50px; margin-right: 0; padding: 1em 1.6em 2em;
                          position: absolute; right: 0; text-decoration: none; text-transform: uppercase;
                          top: 3.5em; transition: right 0.3s ease-in-out 0s; width: 130px; z-index: 12;
                          transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s;
                          -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; }
a.nav-expander:hover    { cursor: pointer; }
/*a.nav-expander.fixed  { position: fixed; }*/
.nav-expanded a.nav-expander.fixed
                        { right: 20em; }
nav#oc-menu             { background: #1F406A; display: block; height: 100%; overflow: auto; position: fixed;
                          right: -20em; font-size: 15px; top: 0; width: 20em; z-index: 2000;
                          transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s;
                          -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s;
                        }
.nav-expanded nav#oc-menu
                        { right: 0; }
body.nav-expanded       { margin-left: 0em; transition: right 0.4s ease-in-out 0s;
                          -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s;
                          -o-transition: right 0.4s ease-in-out 0s; }

#nav-close              { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300;
                          font-size: 24px; padding-right: 10px; }
#oc-menu-trigger        { min-height: 0px; display: none; }
nav#oc-menu ul          { margin: 1em; }
nav#oc-menu li          { padding: 0.5em 1em; font-size: 1.125em; border-top: 1px solid #38567b; }
nav#oc-menu li a        { color: #ccc; }
nav#oc-menu li > ul > li
                        { font-size: 0.925em !important; padding: 0.25em 0.25em !important; border-top: 0px none; }
nav#oc-menu li.nav-close-btn
                        { border-top: 0px none; padding-top: 0px; padding-right: 0px; }
.caret                  { margin-left: 6px; border-top: 5px dashed; border-top: 5px solid;
                          border-right: 5px solid transparent; border-left: 5px solid transparent; }


/*** HOME PAGE *******************************************************************/
#features               {  }
#features div           { text-align: center; }
.feat-locations 			  { background: url(../images/feat-locations_all.png) no-repeat top center; padding-top: 165px; min-height: 18em; }
.feat-storage 			    { background: url(../images/feat-ssd_all.png) no-repeat top center; padding-top: 165px; min-height: 18em; }
.feat-support 			    { background: url(../images/feat-support_all.png) no-repeat top center; padding-top: 165px; min-height: 18em; }
.feat-uptime 			      { background: url(../images/feat-uptime_all.png) no-repeat top center; padding-top: 165px; min-height: 18em; }
.feat-text h2           { color: #3767A2; margin-bottom: 1em; }
#twitter-panel h2       { color: #3767A2; margin: 0em; }
#twitter-panel h2 span  { text-transform: uppercase; color: #b4b4b4; font-size: 0.65em; }
.feat-text span         { text-transform: uppercase; color: #b4b4b4; }
.feat-text p            { margin-top: 1.5em; color: #999; font-size: 1.25em; font-weight: 300; }
#features h4            { font-size: 1.5em; margin-top: 1em; color: #6AA2EC; }
#dedi-panel h2          { margin-bottom: 1em; }
.dediPlans h4           { font-size: 2.25em; color: #999; margin-top:2rem; }
.dediPlans h5           { font-size: 1.45em; color: #989898; margin-bottom:1em; }
.dediPlans p            { font-size: 1em; font-weight: 300; margin-bottom: 1.75em; }
.dedi-top               { /*margin-bottom: 2em;*/ margin-top: 0px; }
.dediPlans              { transition: all 0.5s ease; /*border: 1px solid #e2e2e2;*/ text-align: center; border-radius: 12px;
                        background-color: #fdfdfd; padding: 0em 0em 1em; margin-bottom: 2.5em; }
.dediPlans:hover        { border-radius: 8px; -webkit-box-shadow: 0px 0px 38px 8px rgba(219,219,219,0.4); -moz-box-shadow: 0px 0px 38px 8px rgba(219,219,219,0.4); box-shadow: 0px 0px 38px 8px rgba(219,219,219,0.4);  }

.dediPlans h3           { font-size: 10px; margin-top: 0px; padding: 1rem 0; color: #fff; font-weight: 700;
                        letter-spacing: 0.125rem;  border-radius: 12px 12px 0 0; }
.dediPlans.economy hr   { border-top: 1px solid #1bbc9d; /*border-top: 4px solid #6aa2ec;*/ }
.dediPlans.economy h3   { background-color: #1bbc9d; }
.dediPlans.business hr  { border-top: 1px solid #6aa2ec; /*border-top: 4px solid #1bbc9d;*/ }
.dediPlans.business h3  { background-color: #6aa2ec; }
.dediPlans.enterprise hr
                        { border-top: 1px solid #c3a6e2; /*border-top: 4px solid #c3a6e2;*/ }
.dediPlans.enterprise h3
                        { background-color: #c3a6e2; }
.dediPlans.economy:hover h4
                        { color: #1bbc9d; }
.dediPlans.business:hover h4
                        { color: #6aa2ec; }
.dediPlans.enterprise:hover h4
                        { color: #c3a6e2; }
.dediPlans sup, .dediPlans h4 span
                        { font-size: 55%; }
.dediPlans ul           { list-style-type: none; margin:0 0 2em 0; padding:0; color: #c3c3c3; display: none; }
.dediPlans a.button     { border: 1px solid #ccc; border-radius: 8px; padding: 0.75em 1em; font-size: 1.5rem;
                          transition: all 0.5s ease; color: #c3c3c3;  }
.dediPlans a            { color: #6AA2EC; text-decoration: none;  }
.dediPlans .button:hover, .dediPlans:hover .button
                        { border: 2px solid #1bbc9d; background-color: #1bbc9d; color: #fff;  }
.dediPlans:hover        { }
.dediPlans hr           { width: 50%;  display: none; }
.dediPlans.economy a.button
                        { border: 1px solid #1bbc9d; color: #1bbc9d; }
.dediPlans.economy a.button:hover, .dediPlans.economy:hover .button
                        { border: 1px solid #1bbc9d; background-color: #1bbc9d; color: #fff;  }
.dediPlans.business a.button
                        { border: 1px solid #6aa2ec; color: #6aa2ec; }
.dediPlans.business a.button:hover, .dediPlans.business:hover .button
                        { border: 1px solid #6aa2ec; background-color: #6aa2ec; color: #fff;  }
.dediPlans.enterprise a.button
                        { border: 1px solid #c3a6e2; color: #c3a6e2; }
.dediPlans.enterprise a.button:hover, .dediPlans.enterprise:hover a.button
                        { border: 1px solid #c3a6e2; background-color: #c3a6e2; color: #fff;  }
.site-banner-inner			{ max-width:1680px; width:100%; margin:0px auto; }
.site-banner-inner .slide-panel
							          { background-size: cover; position:absolute; top:0; left: 0; z-index:2; width: 100%; min-height: 285px; padding: 200px 0; text-align: center;}
.site-banner-inner h1		{ color: #fff; font-size: 2.5em; }
.site-banner-subtitle		{ color: #ccc; width: 70%; margin: 1em auto 2em; font-size: 1.125em; }
.site-banner-btn:hover 	{ background-color: #1a304b; text-shadow: 0px 0px transparent; border: 2px solid #1a304b; color: #fff; }

@media screen and (max-width: 530px){
	.site-header			    { /*padding-top:20px; padding-bottom:20px;*/padding: 20px; }
.site-header-btn		    { /*display:none;*/ }
}

@media screen and (min-width: 701px){
	.site-logo				  { /*width:182px; background-size:182px 36px;*/background-size: contain; max-height: 40px; }
	.site-logo-light		  { background-image:url(../images/dotblock_logo.png); }
	.site-logo-dark			  { background-image:url(../images/dotblock_logo.png); }
}

@media screen and (max-width: 700px){
.site-logo				    { width:172px; background-size: contain; /*background-size:172px 33px;*/ }
	.site-logo-light		  { background-image:url(../images/dotblock_logo.png); }
	.site-logo-dark			  { background-image:url(../images/dotblock_logo.png); }
	#navbar-wrapper nav ul, .navbar-toggle
                        { display: none; }
}


#quote-carousel         { margin-top: 20px; text-align:center; }
#quote-carousel.carousel,
#quote-carousel.carousel .item
                        { height: 7.5em; background-color: transparent; }
#quote-carousel.carousel .item,
#quote-carousel .carousel-inner
                        { width: 80%; margin: 0 auto; }
#quote-carousel .carousel-indicators
                        { right: 50%; top: auto; bottom: -10px; margin-right: -19px; }
#quote-carousel .carousel-indicators li
                        { background: #c0c0c0; }
#quote-carousel .carousel-indicators .active
                        { background: #333333; height:10px; width:10px; margin-bottom:1px; }
#twitter-panel          { background-color: #f5f5f5; }
.tweet span             { display: block; }
.shopper-link           { margin: 0 0 1em; }
.shopper-link a         { color: #b4b4b4; }
#twitter-panel h4 span  { font-size: 0.5em; text-transform: uppercase; letter-spacing: 0.125em; }


/**********************************************************

CAROUSEL

***********************************************************/
section#dbSlider        { padding: 0em !important; min-height: 380px; }
.carousel-caption       { right: 0%; left: 0%; }
#pvt-cloud 							{ overflow:hidden; }
#pvt-cloud .carousel-caption, #dedi-slide .carousel-caption
												{ margin-top: 2em; width: 1170px; margin: 0 auto; }
#mgd-vps .carousel-caption
												{ margin-top: 1em; width: 1170px; margin: 0 auto; }
#pvt-cloud .carousel-caption
												{ background-image: url(../images/clouds1.png), url(../images/clouds2.png), url(../images/clouds3.png), url(../images/clouds4.png); background-position: 10% 0%, 0% 10%, 100% 0%, 80% 80%; background-repeat: no-repeat; animation: loadrunner 24000ms linear infinite ; -webkit-animation: loadrunner 24000ms linear infinite; animation-delay: 2s; animation-fill-mode: forwards; }
@keyframes loadrunner 	{ 0% { background-position: 10% 0%, 0% 10%, 100% 0%, 80% 80%; }
												  50% { background-position: 0% 0%, 10% 10%, 97% 0%, 95% 80%; }
													100% { background-position: 10% 0%, 0% 10%, 100% 0%, 80% 80%; }
												}
#mgd-vps 								{ overflow:hidden; }
#mgd-vps > p						{ padding: 0 130px !important; }
#dedi-locks             { position: relative; }

/*** GEAR SYSTEM ***************************************************************************************************/
.gear1									{ background: url(../images/gears_sprite.png) no-repeat -104px -20px; width: 126px; height: 126px;
	 											position:absolute; left:6px; top:150px; -webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 2s; }
.gear2									{ background: url(../images/gears_sprite.png) no-repeat -8px -12px; width: 74px; height: 74px;
												position:absolute; left:100px; top:95px; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite;}
.gear3									{ background: url(../images/gears_sprite.png) no-repeat -104px -20px; width: 126px; height: 126px;
	 											position:absolute; left:170px; top:30px; -webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 2.4s; }
.gear4									{ background: url(../images/gears_sprite.png) no-repeat 0px -90px; width: 90px; height: 90px; position:absolute;
	 											left:234px; top:145px; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 2.9s; }
.gear5									{ background: url(../images/gears_sprite.png) no-repeat -77px -158px; width: 157px; height: 157px;
	 											position:absolute; left:318px; top:175px;-webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 3.5s; }
.gear6									{ background: url(../images/gears_sprite.png) no-repeat -104px -20px;	width: 126px; height: 126px;
	 											position:absolute; left:460px; top:110px;-webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 3.6s; }
.gear7									{ background: url(../images/gears_sprite.png) no-repeat 0px -90px; width: 90px; height: 90px; position:absolute;
	 											left:584px; top:142px; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 2.9s; }
.gear8									{ background: url(../images/gears_sprite.png) no-repeat -77px -158px; width: 157px; height: 157px;
	 											position:absolute; left:660px; top:25px;-webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 3.5s; }
.gear9									{ background: url(../images/gears_sprite.png) no-repeat -104px -20px; width: 126px; height: 126px;
	 											position:absolute; left:750px; top:170px; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 3.5s; }
.gear10									{ background: url(../images/gears_sprite.png) no-repeat 0px -90px; width: 90px; height: 90px; position:absolute;
	 											right:-1px; top:60px; -webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 3.5s; }
.gear11									{ background: url(../images/gears_sprite.png) no-repeat 0px -90px; width: 90px; height: 90px; position:absolute;
	 											right:240px; top:100px; -webkit-animation: rotate-back 24000ms linear infinite; -moz-animation: rotate-back 24000ms linear infinite; -ms-animation: rotate-back 24000ms linear infinite; animation: rotate-back 24000ms linear infinite; animation-delay: 4.2s;}
.gear12									{ background: url(../images/gears_sprite.png) no-repeat -77px -158px; width: 157px; height: 157px;
	 											position:absolute; right:80px; top:80px; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 3.5s; }
.lock1, .lock2, .lock3	{ background: url(../images/locks_sprite.png) no-repeat -680px 0px; width: 85px; height: 110px; }
.lock1									{ position: absolute; left: 4.25em; top: 2.25em; }
.lock2									{ position: absolute; left:8.5em; top: 2.25em; }
.lock3									{ position: absolute; right: 4em; top: 2.25em; }
.circle1								{ background: url(../images/locks_sprite.png) no-repeat 0px 0px; width: 215px; height: 215px; position:absolute;
	 											left: 0em; top: 0em; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 1s;	}
.circle2								{ background: url(../images/locks_sprite.png) no-repeat -223px -5px; width: 215px; height: 215px;
	 											position:absolute; left: 4.25em; top: 0em; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 2s; }
.circle3								{ background: url(../images/locks_sprite.png) no-repeat -445px 0px; width: 215px; height: 215px;
												position:absolute; right: 0em; top: 0em; -webkit-animation: rotate 24000ms linear infinite; -moz-animation: rotate 24000ms linear infinite; -ms-animation: rotate 24000ms linear infinite; animation: rotate 24000ms linear infinite; animation-delay: 3s; }

/*** ANIMATIONS ********/
/** rotate **/
@keyframes "rotate" 		{ from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
												-o-transform: rotate(0deg); -ms-transform: rotate(0deg);
												transform: rotate(0deg); }
						 						to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);
												-o-transform: rotate(360deg); -ms-transform: rotate(360deg);
												transform: rotate(360deg); } }
@-moz-keyframes rotate 	{ from { -moz-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -moz-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes "rotate"
												{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
						  					to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes "rotate" { from { -ms-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes "rotate" 	{ from { -o-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -o-transform: rotate(360deg); transform: rotate(360deg); } }

/** rotate-back **/
@keyframes "rotate-back"
												{ from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
						 						-o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg);
						  					-o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-moz-keyframes rotate-back
												{ from { -moz-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -moz-transform: rotate(-360deg); transform: rotate(-360deg); }  }
@-webkit-keyframes "rotate-back"
												{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-ms-keyframes "rotate-back"
												{ from { -ms-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -ms-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-o-keyframes "rotate-back"
												{ from { -o-transform: rotate(0deg); transform: rotate(0deg); }
						  					to { -o-transform: rotate(-360deg); transform: rotate(-360deg); }  }
.fade-in                { animation: fadeIn ease 5s; -webkit-animation: fadeIn ease 5s;
                          -moz-animation: fadeIn ease 5s; -o-animation: fadeIn ease 5s;
                          -ms-animation: fadeIn ease 5s; }
@keyframes fadeIn       { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn  { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fadeIn
                        { 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fadeIn    { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes fadeIn   { 0% { opacity:0; } 100% { opacity:1; } }




/*** PAGES **********************************************************************/
#page-headlines         { padding: 2em 0 4em; background: #fff; }
#page-headlines.no-subtxt
                        { padding: 2em 0 2em; background: #fff; }
.feat-panel             { /*min-height: 26em; padding: 1em 2em;*/ }
body.page #price-slider { margin-top: 1.5em; }
body.pvt-cloud #price-slider
                        { margin-top: 0em; padding: 2.5em 0 0; }
#features-row .container-fluid  { padding-right: 0; padding-left: 0; }
.feat-block             { padding: 3em 2em; min-height: 31em; }
.feat-block h2          { margin-top: 0px; margin-bottom: 1em; transition: color 0.5s ease; }
.feat-block:nth-of-type(1), .feat-block:nth-of-type(4), .feat-block:nth-of-type(5)
                        { background-color: #f2f2f2;  transition: background-color 0.5s ease; }
.feat-block:nth-of-type(1):hover, .feat-block:nth-of-type(4):hover, .feat-block:nth-of-type(5):hover
                        { background-color: #f7f7f7; }
.feat-block:nth-of-type(2), .feat-block:nth-of-type(3), .feat-block:nth-of-type(6)
                        { background-color: #eaeaea;  transition: background-color 0.5s ease; }
.feat-block:nth-of-type(2):hover, .feat-block:nth-of-type(3):hover, .feat-block:nth-of-type(6):hover
                        { background-color: #ececec; }
.feat-block .btn        { margin: 1em 0;  }
.feat-block .img-responsive
                        { max-width: 70%; margin: 0 auto; }
#features-row .feat-block:hover h2
                        { color: #3767a2; }
.feat-panel h4          { font-size: 2em; margin-bottom: 0.125em; }
.feat-panel p           { font-size: 0.95em; /*padding: 15% 5%;*/ }
.feat-panel p.feat-text { margin-bottom: 1.5em; letter-spacing: 0.095em; color: #777; }
.feat-panel img         { /*max-width: 70%;*/  max-width: 150%; margin: 0 auto; }
body.speedtest .img-responsive
                        { max-width: 90%; }
.feat-panel .col-lg-5 p:first-child
                        { margin-top: 3em; }
.feat-panel .col-lg-5   { margin-bottom: 4em; }
.feat-panel .col-lg-5 .btn
                        { color: #6AA2EC; }
.feat-panel .col-lg-5 .btn:hover
                        { color: #fff; }
#features-block         { padding: 2em 0; }
#features-list-cols     { padding: 3em 0; }
#features-list-cols h5  { color: #666; font-weight: 600; font-size: 1.125em; }
#features-list-cols img { max-width: 80%; }
#features-list .feat-panel h4
                        { margin-top: 1.5em; }
section:focus           { outline: 0px none;}
section#marketing       { padding: 2em 0; }
body.home-page section#marketing
                        { /*padding: 0;*/ }
section.marketing       { padding: 2em 0; }
section.marketing h4    { margin-bottom: 1em; }
section#design-portfolio .container
                        { margin: 2em auto; }
section#design-portfolio img
                        { opacity: 0.5; transition: opacity 0.5s ease; }
section#design-portfolio img:hover
                        { opacity: 1; }
.port-img               { position: relative !important; }
.thumbnail              { padding: 0px; margin-bottom: 2em; border: 0px none; border-radius: 0px; background-color: transparent; }
.thumbnail .caption     { background-color: rgba(28, 127, 175, 0.85); padding: 9px;     color: #fff; position: absolute; width: 100%; top: 0; height: 100%; display: none; }
p.port-title            { font-size: 2em; padding-top: 25%; }
p.port-desc             { font-size: 1.125em; font-style: italic; }
.design-features h4     { font-size: 1.75em; margin-bottom: 0.5em; margin-top: 2em; }
.design-features p      { font-size: 0.95em; margin-bottom: 1em; padding: 0 5% 2%; }
.fa-quote-left, .fa-quote-right
                        { color: #eaeaea; font-size: 7em; }
.fa-quote-left          { float: left; padding-left: 13%; margin-top: -0.25em; }
.fa-quote-right         { float: right; padding-right: 13%; margin-top: 0.5em; }
.reviews-block          { padding: 5em 0; }
.reviews-block p        { width: 55%; margin: 0 auto; font-size: 1.75em; }
#sales-row              { background-color: #e1e8f1; padding: 6em 0; }
#sales-row h6           { color: #5a5a5a; font-size: 0.9em; letter-spacing: 0.25em; font-weight: 700; }
#sales-row .btn         { border: 1px solid #3767a2; color: #3767a2; margin: 2em 10px 0; }
#sales-row .btn.more-info
                        { border: 1px solid #6aa2ec; color: #6aa2ec; }
#sales-row .btn:hover   { color: #fff; }
#sales-row .btn:focus   { background-color: #3767a2; color: #6aa2ec; }
#sales-row .btn.more-info:hover
                        { background-color: #6aa2ec;  }
.ded-features h4, .ico-features h4
                        { line-height:20px; margin-bottom:5px; padding:8px 0 8px 42px; font-size: 1.25em; font-weight: 300; color: #3767a2; }
.ded-features div, .ico-features div
                        { min-height: 9.5em; }
.colo-features h3		{ line-height:20px; margin-bottom:5px; padding:8px 0 8px 40px; text-align: left;
						              font-size: 20px; font-weight: 300; letter-spacing: 0.035em; font-family: "Roboto", Arial, Verdana, sans-serif; color: #3767a2; }
.ico-bandwidth			{ background:url(../images/icons/icon_color_bandwidth.png);}
.ico-uptime				{ background:url(../images/icons/icon_color_uptime.png);}
.ico-support			{ background:url(../images/icons/icon_color_support.png);}
.ico-linux				{ background:url(../images/icons/icon_linux.png);}
.ico-hardware			{ background:url(../images/icons/icon_color_hardware.png);}
.ico-upgrade			{ background:url(../images/icons/icon_color_upgrade.png);}
.ico-os					{ background:url(../images/icons/icon_color_operating_system.png);}
.ico-support			{ background:url(../images/icons/icon_color_support.png); }
.ico-secure				{ background:url(../images/icons/icon_lock.png); }
.ico-battery			{ background:url(../images/icons/icon_battery.png); }
.ico-bolt				{ background:url(../images/icons/icon_bolt.png); }
.ico-wall				{ background:url(../images/icons/icon_bricks.png); }
.ico-shipping			{ background:url(../images/icons/icon_shipping.png); }
.ico-sla			    { background:url(../images/icons/icon_sla.png); }
.ico-monitoring		    { background:url(../images/icons/icon_monitoring.png); }
.ico-templates          { background:url(../images/icons/icon_custom_templates.png); }
.ico-backups            { background:url(../images/icons/icon_backups.png); }
.ico-scalability        { background:url(../images/icons/icon_scalability.png); }
.ico-sslterm            { background:url(../images/icons/icon_sslterm.png); }
.ico-loadgroups         { background:url(../images/icons/icon_load-groups.png); }
.ico-ip                 { background:url(../images/icons/icon_ip.png); }
.ico-algorithms         { background:url(../images/icons/icon_algorithms.png); }
.ico-healthchecks       { background:url(../images/icons/icon_health-checks.png); }
.ico-gzip               { background:url(../images/icons/icon_gzip.png); }
.ico-redundancy         { background:url(../images/icons/icon_redundancy.png); }
.ico-utm                { background:url(../images/icons/icon_utm.png); }
.ico-filtering          { background:url(../images/icons/icon_filter.png); }
.ico-antispam           { background:url(../images/icons/icon_antispam.png); }
.ico-antivirus          { background:url(../images/icons/icon_antivirus.png); }
.ico-intrusion          { background:url(../images/icons/icon_intrusion.png); }
.ico-firewall           { background:url(../images/icons/icon_firewall.png); }
.ico-zone               { background:url(../images/icons/icon_zone.png); }
.ico-availability       { background:url(../images/icons/icon_availability.png); }
.ico-multiplatform      { background:url(../images/icons/icon_multiplatform.png); }
.ico-continuous         { background:url(../images/icons/icon_continuous.png); }
.ico-restore            { background:url(../images/icons/icon_restore.png); }
.ico-cpanel             { background:url(../images/icons/icon_cpanel.png); }
.ico-selfservice        { background:url(../images/icons/icon_selfservice.png); }
.ico-encrypt            { background:url(../images/icons/icon_encrypt.png); }
.ico-vpn                { background:url(../images/icons/icon_vpn.png); }
.ico-vault              { background:url(../images/icons/icon_vault.png); }
.ico-auth               { background:url(../images/icons/icon_2factorauth.png); }
.ico-geo				{ background:url(../images/icons/icon_geographic.png); }
.ico-cost				{ background:url(../images/icons/icon_cost.png); }

.ico-bandwidth, .ico-uptime, .ico-sla, .ico-monitoring, .ico-sslterm, .ico-algorithms, .ico-vault,
.ico-support, .ico-linux, .ico-shipping, .ico-templates, .ico-loadgroups, .ico-healthchecks, .ico-auth,
.ico-hardware, .ico-upgrade,.ico-support, .ico-backups, .ico-ip, .ico-redundancy, .ico-utm, .ico-geo,
.ico-secure, .ico-battery, .ico-bolt, .ico-wall, .ico-scalability, .ico-gzip, .ico-filtering, .ico-cost,
.ico-antispam, .ico-antivirus, .ico-intrusion, .ico-firewall, .ico-zone, .ico-availability, .ico-vpn,
.ico-multiplatform, .ico-continuous, .ico-restore, .ico-cpanel, .ico-selfservice, .ico-encrypt,
.ico-os                 { background-repeat: no-repeat; background-position: left center; opacity: 0.8; }
#what-we-do             { padding: 3em 0; }
#what-we-do .over       { margin-top: 4em; }
.tally-table div        { background-color: #e4e4e4; }
.tally-table h4         { font-size: 2.75em; font-family: 'Roboto', Arial, Verdana, sans-serif; }
.tally-table h4 span    { display: block; font-size: 0.4em; text-transform: uppercase; margin-bottom: 0.5em; }
.tally-table .row       { border-bottom: 1px solid #ececec; }
.tally-table .db-culture
                        { padding: 1.75em 2em 1.25em; border-right: 1px solid #ececec; min-height: 10em; }
.logincontainer         { margin: 40px auto 100px; padding: 0 10px; max-width: 500px; }
div.header-lined h1, div.header-lined h2
                        { padding: 0 0 8px 0; margin-bottom: 25px; color: #666; font-size: 28px;
                          border-bottom: 1px solid #ccc; }
section#hr-facts        { padding: 4em 0;
                          background: #f5f5f5 url(../images/cloudbg.png) no-repeat center center; }
h4.modal-title          { font-size: 1.5em; }
.about-images .row img  { margin-bottom: 4px; }
#datacenter-img h3      { margin-bottom: 35px; }
#infographic img        { margin: 0 auto; max-width: 75%; }
body.mktg #features-tabs h5
                        { color: #3767a2; margin: 1em 0; font-size: 1.325em; font-weight: 400; text-align: center; }
body.mktg #features-tabs p
                        { /*text-align: center;*/ color: #999999; font-size: 0.925em; }
body.mktg .callout p    { margin-top:2.5em; }
body.server-management #features-tabs
                        { min-height: 43em; }
.faq-link               { border: 1px solid #ccc; padding: 1.5em; margin: 1em 0; border-radius: 8px;
                          transition: all 0.5s ease; }
.faq-link:hover         { background-color: #ecf1f8; cursor: pointer; border: 1px solid #fff; }
.faq-link a             { transition: all 0.5s ease; }
.faq-link a:hover       { text-decoration: none; }
section#what-we-do      { padding: 4em 0; }
section#hr-facts        { padding: 4em 0; background: url(../images/cloudbg.png) no-repeat bottom center; }
section#hr-logos        { padding: 4em 0; color: #777; }
#hr-logos h5            { font-size: 1.5em; font-weight: 400; }
section#who-we-are      { padding: 4em 0; }
#who-we-are h5          { margin-bottom: 6px; font-size: 1.125em; }
#who-we-are h2          { margin-top: 0px; }
#who-we-are span.title  { font-size: 0.75em; text-transform: uppercase; display: block; font-weight: 700;
                          letter-spacing: 0.12em; }
#who-we-are a           { font-size: 0.75em; }
#who-we-are .row        { margin-top: 2em; }
section#how-we-differ   { padding: 4em 0;  }
#how-we-differ #likes-table
                        { background-color: #e4e4e4; margin:3em 0; padding: 0; }
#likes-table .likes     { padding: 2.5em 3em; text-align: center; border-right: 1px solid #fff;
                          border-bottom: 1px solid #fff; min-height: 12.125em; }
#likes-table .likes-title
                        { text-transform: uppercase; display: block;}
#likes-table .likes-num { font-size: 3em; }
body.company .img-responsive
                        { display: inline-block; }
section#hr-downloads    { padding: 4em 0; }
#hr-downloads div.link-title
                        { margin: 1em 0em; }
#infographic img        { margin: 0 auto; max-width: 75%; }
body.server-backups #infographic img        { margin: 0 auto; max-width: 100%; }
#testimonials-row h6    { color: #d8d8d8; font-size: 0.8em; letter-spacing: 0.25em; font-weight: 700;
                          margin-bottom: 2em; }
.logincontainer         { margin: 40px auto 100px; padding: 0 10px; max-width: 500px; }
div.header-lined h1, div.header-lined h2
                        { padding: 0 0 8px 0; margin-bottom: 25px; color: #666; font-size: 28px;
                          border-bottom: 1px solid #ccc; }
.block.addons           { /*margin: 4em 0;*/ }
.block.addons table     { margin-bottom: 40px; }
#what-we-do h2          { margin-top: 0px; }
#hr-facts .container div
                        { margin-bottom: 1em; min-height: 12em; }
#hr-facts p             { text-transform: uppercase; font-weight: 600; color: #999;
                          font-size: 0.85em; letter-spacing: 0.125em; }
#who-we-are div.fadeinbottom
                        { margin-top: 1.5em; }
.special-box h2         { font-size: 32px; margin-bottom: 20px; padding-bottom: 10px; }
h2.underline            { border-bottom: 1px dashed #bbbbbb; }
body.tos h4             { margin: 1.5em 0 0.5em; }
body.tos h4 a:hover     { text-decoration: none; cursor: default; color: #337ab7; }
body.tos .indent        { margin-left: 1em; }
body.mail-setup section#features-list
                        { min-height: 32em; }
input[type="text"]      { padding: 0 0.25em; }
.ip-label               { display: inline-block; float: left; margin-right: 1em; margin-bottom: 0.5em; }
body.terms table        { border: 1px solid #ccc; padding: 4px; margin-left: 3.5em !important; margin-bottom: 2em; }
body.terms table tr     { border: 1px solid #ccc; }
body.terms table td     { padding: 8px; }
body.terms table tr td:first-child  { border-right: 1px solid #ccc; }
body.terms table tr:nth-of-type(even) { background-color: #e0e0e0; }
body.terms table tr td.thead { background-color: #fff; }




/*** DEDICATED ******************************************************************/
#billing-cycles h2      { color: #1bbc9d; margin-bottom: 0.75em; }
.tier2 h2               { color: #6AA2EC !important; }
#dedi-table             { background: #f8f8f8; padding: 5em 0; }
#dedi-table table       { }
#dedi-table tr td       { border-right: 1px solid #e2dfdf; border-bottom: 1px solid #e2dfdf; }
#dedi-table thead tr td
                        { background-color: #fdfdfd; }
#dedi-table thead tr td:first-child
                        { background-color: transparent; }
#dedi-table thead tr td
                        { color: #fff; text-align: center; text-transform: uppercase; }
#dedi-table thead tr td:nth-of-type(2)
                        { background-color: #1bbc9d; }
#dedi-table thead tr td:nth-of-type(3)
                        { background-color: #6AA2EC; }
#dedi-table thead tr td:nth-of-type(4)
                        { background-color: #c3a6e2; }
#dedi-table tbody       { border: 1px solid #e2dfdf; }
#dedi-table tbody tr td:first-child
                        { width: 15%; font-weight: 400; }
/*#dedi-table tbody tr:last-child td
                        { padding-bottom: 20px !important; }*/
#dedi-table tbody tr:nth-of-type(even)
                        { background-color: #efefef; }
#dedi-table tbody tr td:nth-of-type(2), #dedi-table tbody tr td:nth-of-type(3),
#dedi-table tbody tr td:nth-of-type(4)
                        { text-align: center; vertical-align: middle; }


/*** BUTTONS ********************************************************************/
a.btn					{ text-decoration: none; }
.btn, input[type="submit"],
button					{ border: 2px solid #6AA2EC; background: transparent;
                          /*font-family:'Roboto', Arial, sans-serif;*/ }
.btn, input[type="submit"],
button					{ padding:1em 1.75em; display:inline-block; border-radius:2px;
						  -webkit-transition:all ease 0.15s; -ms-transition:all ease 0.15s; transition:all ease 0.15s; font-size:0.85em; font-weight:bold; text-transform:uppercase; letter-spacing:1.5px; line-height:100%; color:#fff; border-radius: 8px; }
/*.btn:hover, input[type="submit"]:hover,
button:hover, .btn:active, input[type="submit"]:active,
button:active				    { cursor:pointer; border-color:#2e2e2e; background:#2e2e2e; text-decoration:none; }
*/
body.login input[type="submit"], body.login .btn-primary
                        { border: none !important; background-color: #6AA2EC; color: #fff; }
body.login .btn-default { color: #333; background-color: #fff; border-color: #ccc; }
body.pricing input[type="submit"], body.pricing-large input[type="submit"]
                        { color: #6aa2ec; border: 1px solid #6aa2ec; transition: 0.5s all; }
body.pricing input[type="submit"]:hover, body.pricing-large input[type="submit"]:hover
                        { color: #fff; background-color: #6AA2EC; }
#colo-addons a.btn      { color: #6aa2ec; margin: 1em 0.5em 0; font-size: 0.68em; }
#colo-addons a.btn.more-info
                        { border-color: #3767a2; color: #3767a2; }
#colo-addons a.btn:hover
                        { border: 2px solid #6AA2EC; background-color: #6AA2EC; color: #fff; }
#colo-addons a.btn.more-info:hover
                        { border: 2px solid #3767a2; background-color: #3767a2; color: #fff; }
#colo-addons a.btn:focus, #colo-addons a.btn:active
                        { background-color: #6aa2ec; border-color: #3767a2; color: #fff; }


/*** LISTS **********************************************************************/
ul.li-padding li        { line-height: 1.5em; padding: 0.25em 0; }
ul.fa-ul                { margin-bottom: 3.5em; margin-top: 1em; }
.feat-panel ul.fa-ul li { line-height: 1.25em; padding: 0 0.5em 0.75em; }
.feat-panel .fa-li, .locations-list .fa-li
                        { color: #98d1a5; top: 0.175em; }
ul.locations-list, ul.check-list
                        { margin: 2em 0 1em; padding: 0; }
ul.locations-list li, ul.check-list li
                        { margin-left: 2em; margin-bottom: 0.75em; line-height: 1.25em; }
ul.locations-list .fa-li, ul.check-list .fa-li
                        { font-size: .85em; }
ul.support-links        { margin-left: 3.75em; margin-bottom: 0; }
ul.support-links li     { line-height: 3em; padding: 0.25em 0; font-size: 1.25em;  }
ul.support-links li .fa-li
                        { top: 0.375em; left: -2em; color: #ccc; }
ul.support-links a      { transition: all 0.5s ease; }
ul.support-links a:hover { text-decoration: none; color: #337ab7; }
ul.addons li em         { font-size: 75%; }
ul.addons li span       { float: right; }
ul.addons a.btn         { padding: 0.5em 1em; color: #6aa2ec; border: 1px solid #6aa2ec; margin-top: -2px;
                          margin-right: -4px; transition: 0.5s all; }
ul.addons a.btn:hover   { background-color: #6aa2ec; color: #fff; }
ul.check-list           { width: 40%; margin-top: 14px; }
ul.check-list.left      { margin-left: 40px; }
ul.check-list.right     { margin-left: 20px; float: left; }


/*** FORMS ********************************************************************/
form#contact-form       { background: #e2e2e2; padding: 1.5em; border-radius: 8px; border: 1px solid #cccccc; }
form#contact-form label { width: 18%; vertical-align: top; }
form#contact-form .form-row
                        { margin: 0.75em 0; }
form#contact-form textarea
                        { width: 65%; }
form#contact-form input[type="submit"]
                        { margin-left: 19%; color: #6aa2ec; }
form#contact-form input[type="submit"]:hover
                        { background-color: #6AA2EC; color: #fff; }
ul.support-links li.sup-text
                        { line-height: 1em; margin-bottom: 0.5em;}
li.sup-text span        { font-size:0.65em; display: block; }
ul.support-links li.sup-text .fa-li
                        { top: 0.225em; }
.ico-features ul        { list-style-type: none; }
.ico-features ul li     { padding-left: 3em; line-height: 1.125em; width: 49%; display: inline-block; margin-bottom: 1em;
                          padding-right: 1.5em; height:2em; padding-top: 0.5em; }
.ico-features.right ul li
                        { width: 95%; margin-bottom: 0.5em; padding-top: 0.5em; height:2em; }
ul.feature-list         { margin: 0; padding: 0; list-style-type: none;  }
ul.feature-list li      { }

/*** PRICING TABLES *************************************************************/
#price-slider           { margin-bottom: 2em; }
#price-slider .toggle.btn
                        { min-width: 59px; min-height: 34px; margin-left: 10px; margin-right: 10px; margin-top: -8px; }
a.mgd-on, a.mgd-off     { font-size: 1.375em; text-transform: uppercase; color: #ccc; text-decoration: none; }
a.mgd-on.active, a.mgd-off.active
                        { color: #3767A2; }
.btn.btn-umgd           { background-color: #3767A2; border: 0px none; }
.btn.btn-mgd            { background-color: #3767A2; border: 0px none; }
.toggle-handle          { background-color: #fff; padding: 0px 38px; border: 0px none; border-radius: 4px; }
.btn.btn-umgd .toggle-handle
                        { background-color: #ccc; border-radius: 4px 0 0 4px; }
.btn.btn-mgd .toggle-handle
                        { background-color: #ccc; border-radius: 0 4px 4px 0; }
#preorderScroll         { margin-top:2em; }
ul.package, ul.package-header
                        { margin: 0; padding: 0; }
ul.package li           { list-style-type: none; margin-bottom: 1em; /*padding: 0;*/ }
ul.package-header       { list-style-type: none; padding: 0; }

.pkg-item               { background-color: #fff; border-radius: 8px; text-align: center; padding: 12px 15px 36px; }
ul.package-header .pkg-item, .div-body ul.package .pkg-item
                        { background-color: #fff; text-align: center; padding: 0; }
ul.package-header .pkg-item
                        { border-radius: 8px 8px 0 0; padding-bottom: 0.5em; padding-top: 0.5em; }
.div-body ul.package .pkg-item
                        { border-radius: 8px; padding: 1em 0; }
.pkg-item label, ul.package-header label
                        { color: #bbbbbb; font-size: 0.7em; font-weight: 400; text-transform: uppercase; display: block; }
#slider                 { margin-top: 1.5em; margin-left: 15px; margin-right: 15px; width: 95%; }
#custom-handle          { width: 3em; height: 2em; top: 30%; margin-top: -.8em; text-align: center; line-height: 2em;
                          color: #6AA2EC; font-weight: 400; }
#custom-handle:hover    { cursor: pointer; }
#custom-handle.ui-state-default
                        { background-color: #fff; }
#custom-handle.ui-state-active
                        { background-color: #fff; border: 1px solid #00b2f0; color: #00b2f0;  }
.ui-widget-content      { background-color: #6AA2EC; }
#price-slider .button, .modal-body .btn
                        { margin-top: 1.2em; background-color: #3767A2; color: #fff; border: 0px none; width: 100%; padding: 1.5em 1.75em; transition: all 0.5s ease; }
#price-slider .button:hover, .modal-body .btn:hover
                        { background-color: #3767A2; }
ul.package span         { display: block;/* margin: 0.75em 0;*/ margin: 0.375em 0 .025em; font-size: 1.5em; }
.pkg-item#hourly-amt    { display: none; padding: 12px 15px 12px; }
.pkg-item#monthly-amt   { display: block; padding: 12px 15px 12px; }
a.show-hourly, a.show-monthly
                        { font-size: .85em;  }
.ready-timer		        { background: url(../images/timer.png) no-repeat 10% center; height: 40px;  }
.ready-timer p	       	{ text-align: right; font-size: 1em; color: #747474; margin-left: 28px; margin-bottom: 0px; padding-top: 8px;}
.ready-timer p span		  { font-size: 1em; color: #3767A2; font-weight: 600; }
.managed-btn            { margin-bottom: 1.5em !important; }
#dedi-panel .modal-header .close, #billing-cycles .modal-header .close
                        { margin-top: -34px; font-size: 28px; }
.modal-body .btn        { margin-top: 1.2em; background-color: #6aa2ec; color: #fff; border: 0px none; width: 100%; padding: 1.5em 1.75em; transition: all 0.5s ease; }
.modal-body             { padding: 1.5em 1em; }
body.load-balancer .modal-body, body.firewall .modal-body
                        { background-color: #ececec; }
#slider-buttons         { margin-top: 1em; text-align: center; }
#slider-buttons a       { color: #d3d3d3; }
#slider-buttons a:hover { cursor: pointer; color: #3767a2; }
.cycles                 { margin: 0 0 20px 0; /*overflow: hidden; position: relative;*/ }
.ssd-billing, .dedi-billing, .colo-billing
                        { margin:12px 0px 0 0; padding-top:1px; float:left; color:#133748;
                          -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
                          -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
                          border-top-left-radius: 5px; border-top-right-radius: 5px;
                          border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
                          position:relative; }
#pricing-times .btn     { display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle;
                          cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px;
                          font-size: 14px; line-height: 1.42857; border-radius: 4px; -moz-user-select: none;}
#pricing-times .btn-default
                        { color: #3767a2; background-color: #f3f3f3; border-color: #3767a2; }
#pricing-times button 	{ height: auto !important; text-shadow: none !important; box-shadow:none !important; }
#pricing-times button:hover, #pricing-times button.current
                        { color: #fff; border-color: #75a454; background: #75a454 !important; }
.showPrices		          { /*height: 0px !important; position: absolute;*/ }
h5.showPrice	          { float: left; display: inline-block; /*position: relative; top: 1.65em; z-index: 100;*/
                          font-size: 2.5em; text-align: center; padding: 0 30px 0 0; }
.ssd-billing h4, .dedi-billing h4
                        { background-color:#3767a2; color:#fff; line-height:30px; text-align:center;
                          -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
                          -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
                          border-top-left-radius: 5px; border-top-right-radius: 5px;
                          border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
                          text-transform:uppercase; margin-bottom: 0px !important; font-size: 1em; }
.ssd-billing h5, .dedi-billing h5
                        { background:#F1F1F1; font-size:1.666em; line-height:40px; margin-bottom: 0px; text-align:center; padding: 30px 0; margin-top: 0;
                          transition: all 0.5s ease-in-out; }
.ssd-billing:hover h5, .dedi-billing:hover h5
                        { background-color: #fff; }
.ssd-billing .specs, .dedi-billing .specs
                        { background-color: rgba(225, 232, 241, 0.65); text-align:center; padding:7em 18px 18px 18px; transition: all 0.5s ease-in-out; }
.ssd-billing:hover .specs, .dedi-billing:hover .specs
                        { background-color: #f1f1f1; -webkit-box-shadow: 0px 2px 12px #dcdcdc; -moz-box-shadow: 0px 2px 12px #dcdcdc; box-shadow: 0px 2px 12px #dcdcdc;  }
.ssd-billing ul, .dedi-billing ul, .colo-billing ul
                        { list-style:none; width:100%; margin:0 0 18px 0; padding: 0.75em 20px; min-height: 11.5em; }
.ssd-billing li, .dedi-billing li, .colo-billing li
                        { border-bottom:1px solid #dadada; padding:8px 0; margin-bottom:0; }
.ssd-billing li:last-child, .dedi-billing li:last-child, .colo-billing li:last-child
                        { border-bottom: 0px none; }
.ssd-billing ul strong, .dedi-billing ul strong, .colo-billing ul strong
                        { color:#d06314; text-transform: uppercase; }
.ssd-billing .btn, .dedi-billing .btn, .colo-billing .btn, .feat-block .btn
                        { /*width:60%;*/ margin-bottom: 1.5em; color: #6AA2EC; transition: all 0.5s ease-in-out;  }
.ssd-billing .btn:hover, .dedi-billing .btn:hover, .colo-billing .btn:hover, .feat-block .btn:hover
                        { color: #fff; background-color: #3767a2; border-color: #3767a2; }
.ssd-billing:hover .btn, .dedi-billing:hover .btn, .colo-billing:hover .btn
                        { color: #fff; background-color: #3767a2; border-color: #3767a2; }
body.firewall .dedi-billing .specs
                        { min-height: 24.5em; }
.specs span             { font-weight: 400; }
h4.pricing-header  			{ font-size: 2em; letter-spacing: 1.5px; color: #7847A9; margin: 0px;
                          padding: 1.5em 0; text-align: center; background-color: #fafafa; }
.colo-billing:hover h4.pricing-header
                        { background-color: #ffffff; transition: all 0.5s ease-in-out; }
.colo-billing .specs    { background-color: #f3f3f3; text-align:center; padding: 1em 1em 2em 1em;
                          transition: all 0.5s ease-in-out; }
h5.price                { font-size: 2em; font-family: 'Roboto', Geneva, Arial, Verdana, sans-serif;
                          color: #3767A1; margin-bottom: 0.75em; margin-top: 0; }
.colo-billing .btn      { color: #1bbc9d; border-color: #1bbc9d;  }
.colo-billing .btn:hover, .colo-billing:hover .btn
                        { color: #fff; background-color: #1bbc9d; border-color: #1bbc9d; }
.duration 				{ font-weight: 500; font-size: 22px; text-transform: uppercase; }
.duration::before 		{ content: '/'; margin-right: 2px; }
.value 					{ font-size: 1.5em; font-weight: 500; }
.currency, .duration 	{ color: #3767A2/; }
.currency 				{ display: inline-block; margin-top: 6px; vertical-align: top; font-size: 28px;
                          font-weight: 300; }
.colo-billing:hover .specs
                        { 	-webkit-box-shadow: 0 10px 6px -6px #dcdcdc;
	   -moz-box-shadow: 0 10px 6px -6px #dcdcdc;
	        box-shadow: 0 10px 6px -6px #dcdcdc;  }
#colo-addons h5			    { color: #1bbc9d; border-bottom: 1px dashed #B1B1B1; padding-bottom: 16px; letter-spacing: .125em; text-transform: uppercase; margin: 0 20px 20px; text-align: center; }
ul.colo-list            { padding: 0 20px; }
ul.colo-list li			    { list-style-type: none; padding: 14px;
                          line-height: 28px; border-bottom: 1px solid #ddd; }
ul.colo-list li:hover 	{ background-color: #FBFBFB; }
ul.colo-list li:nth-child(odd)
          						  { background-color: #F1F1F1; }
ul.colo-list li:hover, ul.colo-list li:nth-child(odd):hover
          					 	  { background-color: #F7F7F7; }
p.addons-ordering       { text-align: center; font-size: 1.025em; margin-top: 0em; }
.addons .table>tbody>tr>td:first-child
                        { width:72%; }
body.pricing .table>tbody>tr>td
                        { padding: 0.5em 1.5em; vertical-align: middle; }
body.pricing .table>thead>tr>th
                        { padding: 0.5em 1.5em; }
body.pricing-large .table>tbody>tr>td
                        { vertical-align: middle; }
body.pricing-large .table>thead>tr>th, body.pricing-large .table>tbody>tr>td
                        { padding: 0.5em 1.25em; }


/*** TABS PANEL *****************************************************************/
#hr-page-tabs           { /*padding-top: 3em; padding-bottom: 3em; background-color: #f5f5f5;*/ }
body.datacenters #hr-page-tabs
                        { background-color: transparent; }
#hr-page-tabs .panel-default
                        { border-color: #ddd; }
#hr-page-tabs .panel    { background-color: transparent; border: 0px none; box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; }
#hr-page-tabs .panel-body
                        { padding: 0px; }
#hr-page-tabs .nav-tabs { border-bottom: 0px none; }
body.datacenters #hr-page-tabs .nav-tabs>li
                        { padding: 0; text-align: center; }
body.datacenters #hr-page-tabs .nav-tabs>li.active
                        { background-color: #fff; }
body.datacenters #hr-page-tabs .nav-tabs>li.active>a
                        { border: 1px solid #ddd; border-bottom: 0px none; margin-right: 0px; }
body.datacenters #hr-page-tabs .nav-tabs>li>a
                        { font-size: 1.25em; }
body.datacenters #hr-page-tabs .nav-tabs>li>a
                        { line-height: 2.25em; }
body.datacenters #hr-page-tabs .tab-content>.active
                        { background-color: #fff; padding: 2em; line-height: 1.5em; border: 1px solid #ddd; border-top: 0px none; }
body.datacenters #hr-page-tabs .nav-tabs>li>a:hover
                        { background-color: #9c9; }
body.datacenters #hr-page-tabs .nav-tabs>li.active>a:hover
                        { background-color: #fff; }
ul.tab-addons           { margin: 1em 0; padding: 0; list-style-type: none; border-spacing: 1em; }
ul.tab-addons li        { /*width: 20%;*/ border: 1px solid #ddd; border-radius: 8px;
                          /*display: table-cell;*/ padding: 1em; vertical-align: middle; text-align: center; min-height: 8.5em; background-color: #f9f9f9; margin: 0 0.5em; }
ul.tab-addons li.col-lg-offset-1
                        { margin-left: 5.25%; }
span.price              { display: block; margin-top: 0.5em; }
#hr-page-tabs .tab-content .tab-pane .row
                        { margin-left: 0px; margin-right: 0px; }
.tab-pane h5, .panel-body h5 { text-transform: uppercase; color: #666; font-size: 1.125em; border-bottom: 1px dashed #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em;}
.panel-group            { background-color: #fff;}
.panel-title a          { text-decoration: none; }
section#features-tabs   { padding: 3em 0 3em; background: url(../images/cloudbg.png) no-repeat center center; }
section.lt-gray#features-tabs
                        { padding: 3em 0 3em; background: #f5f5f5 url(../images/cloudbg.png) no-repeat center center; }
.special-box            { margin: 1em 0; }
.special-box img        { max-width: 75% !important; }
.big-box                { margin-top: 3em; }
.big-box h2             { font-size: 42px; color: #777;  }
.big-box p              { font-size: 1.25em; margin-top: 1.25em; }
.nav-tabs               { border-bottom: 0px none; }
.nav-tabs>li            { border-bottom: 1px solid #ddd; padding-left: 0px; padding-right: 0px; font-size: 1.125em; }
.nav-tabs>li>a          { min-height: 4em; color: #999; }
.nav-tabs>li.active     { border-bottom: 0px none; }
.nav-tabs#featTabs>li.active>a, .nav-tabs>li.active>a,
.nav-tabs#featTabs>li.active>a:focus, .nav-tabs>li.active>a:focus,
.nav-tabs#featTabs>li.active>a:hover, .nav-tabs>li.active>a:hover
                        { background-color: transparent; color: #3767a2; min-height: 4em; /*border: 1px solid #3767a2;*/ border-bottom: 0px none; }
.nav-tabs>li:hover      { border-bottom: 0px none; }
.nav#featTabs>li>a:focus, .nav#featTabs>li>a:hover
                        { color: #999; }
.nav-tabs#featTabs>li>a:hover
                        { border-color: #ddd #ddd #ececec; /*border-bottom: 2px solid #ececec;*/ }
body.mktg .nav-tabs#featTabs>li.active>a,
body.mktg .nav-tabs#featTabs>li.active>a:focus,
body.mktg .nav-tabs#featTabs>li.active>a:hover
                        { background-color: rgba(218, 227, 238, 0.42); /*border-bottom: 2px solid #d1bde7;*/ color: #6aa2ec; min-height: 4em; }
body.mktg .nav-tabs#featTabs>li>a:hover
                        { border-color: #ddd #ddd #ececec; /*border-bottom: 2px solid #f5f5f5;*/ }
#features-tabs h2       { font-size: 30px; margin-bottom: 20px; padding-bottom: 10px; }
h2.underline            { border-bottom: 1px dashed #777; }
#features-tabs h5 .fa   { color: #6aa2ec; margin-right: 12px; }
.tab-pane .row .row     { margin-bottom: 1.25em; }
.tab-content section    { padding: 0; }


/*** PRICING PAGE ***********************************************************************************************/
/*
ul#pricing-list-heading	{border-bottom: 2px solid #ccc;  line-height: 45px; height: 45px; margin-bottom: 0; font-size: 18px; font-family: 'Raleway', sans-serif; color: #333; }
ul#pricing-list-heading li { display: table-cell; float: left; padding: 0 27px; text-align: center; }
ul#pricing-list, ul#pricing-list-alt
						{ display: block; clear: both; font-size: 16px; line-height: 55px; height: 55px; margin-bottom: 0; color: #999; }
ul#pricing-list li	, ul#pricing-list-alt li
						{ display: inline-block; float: left; padding: 0 27px; vertical-align: middle; text-align: center; }
ul#pricing-list-alt		{ border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;  background-color: #f5f5f5; }
.price-plan				{ width: 62px;  }
.price-processor		{ width: 50px; }
.price-ram				{ width: 70px; }
.price-storage			{ width: 67px; }
.price-bandwidth		{ width: 90px; }
.price-cost				{ width: 115px; }
.price-cost span			{ font-size: 13px; }
.price-btn				{ width: 85px; font-size: 12px; height: 30px; line-height: 28px; margin-top: 13px; padding: 0; background-color: transparent !important; border: 1px solid #999; text-shadow: 0px 0px 0px; color: #999; transition: all 0.5s ease-in-out 0s; }
.price-btn:hover 		{ background-color: #999 !important; border: 1px solid #999; color: #fff; }
h2.pricing-list			{ text-align: center; font-size: 28px; margin-bottom: 40px; margin-top: 25px; }
ul#pricing-list-heading.sticky
						{ position: fixed; top: 0; center: 0; font-size: 24px; line-height: 48px; height: 48px; background: #efc47D;   text-align: left; padding-left: 20px; transition: all 0.4s ease; }

*/
/*** PRICING LIST HEADER **********************/
/*#demo_wrapper 			{ margin: 0 auto; width: 960px;	}
#stickyribbon 			{ height: 45px; z-index: 100; background-color: #ececec; width: 930px; }
#stickyribbon ul 			{ list-style-type: none; }
#stickyribbon ul li 		{ display: inline; }
#stickyribbon ul li a 		{ text-decoration: none; }
#stickyribbon ul li a:hover {  }*/


/*** THANK YOU PAGE *************************************************************/
h2.alert				{ background:url(../images/icon_alert.png) no-repeat; padding-left:40px; 
						  line-height:32px;}
.callback, .paypal		{ margin-bottom:3px; padding-left:49px}
.callback span			{ display:block; position:absolute; top:2px; left:8px; height:34px; width:34px;
						  background:url(../images/button_callback.png) no-repeat}
.paypal span			{ display:block; position:absolute; top:2px; left:8px; height:34px; width:34px;
						  background:url(../images/button_paypal.png) no-repeat}
.disabled, .disabled:hover	
						{ background-color:#b5b5b5; color:#eee; text-shadow:none;
						  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(197,197,197)), color-stop(0.5, rgb(172,172,172))); background-image: -moz-linear-gradient(center top, rgb(197,197,197) 0%, rgb(172,172,172) 50%); -pie-background: linear-gradient(90deg, #acacac, #c9c9c9); /*PIE*/}


/*** NETWORK STATUS TABLE
********************************************************************/
table.status-table      { margin-top: 2em; }
table.status-table td:nth-of-type(2)
                        { width: 35%; text-align: right; font-weight: 300; }
table.status-table td   { font-weight: bold; vertical-align: middle !important; }
td.lastChecked          { padding-left: 1.5em !important; font-size:0.85em; font-weight: 300 !important; }
td.status               { color: #666; }
.dot                    { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block;
                          margin-left: 0.5em; }
.dotGreen               { background-color: #1bbc9d; border: 1px solid #117d68; }
.dotAmber               { background-color: #e4cc23; border: 1px solid #c5b020; }
span.statusDisrupt      { color: #c5b020; vertical-align: super; }
span.statusUp           { /*color: #1bbc9d;*/ color: #f9f9f9; vertical-align: super; }


/*** SITEMAP ********************************************************************/
#sitemap                { margin: 1em 0 4em; }
#sitemap .row           { margin-bottom: 1.5em; }
#sitemap ul             { margin-left: 2em; padding-left: 0em; }
#sitemap ul li          { list-style-type: none; line-height: 1em; margin-bottom: 0.5em; }
#sitemap h5 .fa         { color: #aaa; margin-right: 0.5em; }


/*** TOS & PRIVACY ********************************************************************/
#terms ul				{ list-style:none;}
#terms ul li 			{ margin-bottom:20px; }
#terms ul strong		{ color:#000; }
#terms ul ul			{ margin:10px 0 0 15px; }
#terms ul ul li 		{ margin-bottom:10px; }


/*** FOOTER *********************************************************************/
footer                  { background: #1F406A; padding: 2em 0 0; color: #ccc; 
                          border-top: 16px solid #3767a2; position: relative; }
#logo-foot              { background: url(../images/dotblock_logo.png) no-repeat top left;
                          min-height: 1.5em; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.foot-col:first-child span
                        { font-size: 0.85em; color: #999; padding-left: 0em; }
.foot-col h4            { text-transform: uppercase; border-bottom: 1px dashed #ccc; font-size: .85em;
                          padding-bottom: 0.5em; color: #fff; font-weight: 700; letter-spacing: 0.125em; }
.foot-col ul            { list-style-type: none; margin: 0; padding: 0;}
.foot-col ul li         { padding: .25em 0; }
.foot-col ul li a       { color: #ccc; font-size: 0.85em;}
.foot-col:last-child    { text-align: right; }
#need-help              { font-size: 0.85em; text-transform: uppercase; color: #00b2f0; opacity: 0.85;
                          transition: 0.5s all ease; }
#need-help span         { font-size: 1.5em; letter-spacing: 0.065em; color: #fff; font-style: italic;
                          font-weight: 600; }
#need-help:hover        { text-decoration: none; opacity: 1; }
#legal                  { color: #999;  min-height: 40px; background-color: #142f52; margin-top: 2em;
                          padding: 0.75em 0;  }
#legal a                { color: #999; }
#legal ul               { margin: 0 0 0 1.125em; padding: 0; font-size: 0.75em; letter-spacing: 0.065em;
                          color: #52729a;  }
#legal ul li            { display: inline-block; float: left; padding-right: 1.5em;
                          text-transform: uppercase;  }
#footer .need-help		{ font-weight:500; font-style:italic; color:#f7f7f7; text-transform:uppercase;
						  text-align:right; padding-right: 3px; display:block; margin-bottom:10px; 
						  font-family: "Raleway", sans-serif; }
#footer .need-help div	{ display:block; color:#999; font-size:15px;}
#footer .need-help:hover 
						{ text-decoration:none; }
#footer .need-help span { display:block; color:#cecece; font-size:10px;}
#footer .need-help:hover div
						{ color:#fff; }
#footer .need-help:hover span
						{ color:#cecece; }
#overlay                { left: 0; top: 0; text-align: center; position: fixed; right: 0; bottom: 0; 
						  width: 100%; height: 100%; background-color: rgba(28,28,30,.7); 
						  display: none; z-index: 15; }

/*** DaaS Workstation Homepage *******************************************************************/
body.daas-workstation   { font-family: 'Titillium Web', sans-serif; font-size: 16px; 
                          letter-spacing: .025em; font-weight: 300; color:#666; background: url('../images/cloud-bg1080.png') #3767A2; }
.daas-full-center       { border-radius: 1em; padding: 1em; position: absolute; top: 50%; left: 50%;
                          margin-right: -50%; transform: translate(-50%, -50%); text-align: center; }
.daas-full-center img   { max-width: 50%; max-height: 50%; }
body.daas-browser       { font-family: 'Titillium Web', sans-serif; font-size: 16px; 
                          letter-spacing: .025em; font-weight: 300; color:#666; background: url('../images/cloud-bg1080gray.png') #efefef; }


/*** RESPONSIVE BREAKPOINTS *******************************************************************/

@media screen and (max-width: 1199px) {
    #likes-table .likes   { min-height: 15em !important; }
	#scroll               { display: none; }
}

@media screen and (max-width: 1024px) {
  .row                  { margin-left: 0; margin-right: 0; }
  .carousel-caption p   { margin-left: auto; margin-right: auto; }
  .site-header-btn.btn  { padding: 0.25em 1em; }
  li.col-md-2 .pkg-item { height: 6.5em; padding: 12px 9px 36px; }
  .pkg-item label       { height: 2.5em; }
  ul.package span       { font-size: 1.325em; }
  .ready-timer          { background-position: 25% 100%; float: right; text-align: right;
                          padding-right: 0.75em; }
  .ready-timer p span   { display: block; }
  .feat-text span       { 0.9em; }
  #dedi-panel           { margin: 1em 0 6em; }
  #logo-foot            { margin-top: 0.2em; margin-bottom: 0px; }
  .foot-col:first-child span
                        { padding-left: 3.25em; }
  #need-help            { font-size: 0.7em; }
  #legal                { left: 5%; font-size: 0.9em; }
  .navbar-wrapper .navbar .container, .navbar-wrapper .phone-info .container
                        { width: 95%; }
  h5.showPrice          { /*padding: 30px 0; margin-right: 0px; margin-right: 30px;*/ }
  #block-4-content h5:last-child { margin-right: 0px; }
  .megamenu-content ul li
                        { height: 2.65em; line-height: 1.025em; }
  #dedi-slide .carousel-caption
  						{ margin-top: 2em; width: 100%; }
  #mgd-vps .carousel-caption, #pvt-cloud .carousel-caption
  						{ margin-top: 1em; width: 100%; }
  .gear9                { top: 175px; left: 730px; }
  .gear11               { top: 180px; right: 4px; }
  .gear12               { right: 50px; top: 50px; }
  .gear10               { display: none; }
  .megamenu .dropdown-menu:before
                        { left: 55%; }
  .value                { font-size: 1.25em; }
  ul#featTabs li        { padding-left: 0px; padding-right: 0px; letter-spacing: 0px; }
  .panel-group .panel   { padding-left: 0px; padding-right: 0px; }
  #features-tabs .panel-group
                        { background-color: transparent !important; }
  #colo-addons a.btn    { padding: 1em; }
  #colo-addons h5       { margin: 0 20px 8px; }
  ul.colo-list li       { font-size: 0.85em; padding: 14px 6px; }
  .ssd-billing ul, .dedi-billing ul, .colo-billing ul
                        { min-height: 16.5em; }
  .tab-pane h5, .panel-body h5, .panel-body p
                        { text-align: left; }
  .panel-body p         { margin-bottom: 1em; }
  ul.check-list.left, ul.check-list.right
                        { margin-left: 0px; }
  ul.check-list         { text-align: left; width: 46%; }
  .special-box div      { margin-bottom: 1.5em; }
  .daas-full-center img { max-width: 40%; max-height: 40%; }
}

@media screen and (max-width: 992px) {
  #oc-menu-trigger      { display: block; z-index: 1005; }
  .navbar-toggle        { display: none; /*display: inline-block; margin-top: 0px; margin-right: 0px;*/ }
  .navbar-collapse.collapse
                        { display: none !important; }
  .navbar-header        { float: left; width: 100%; padding-left: 0; padding-right: 0; }
}

@media screen and (max-width: 768px) {
  #scroll               { display: block; z-index: 100; bottom: 48px; }
  .carousel-caption     { top: 5em; left: 2em; right: 2em; }
  #mgd-vps .carousel-caption, #dedi-slide .carousel-caption, #pvt-cloud .carousel-caption
  						{ width: 90%; }
  #pvt-cloud .carousel-caption
                        { background-image: url(../images/clouds1.png), url(../images/clouds2.png), url(../images/clouds4.png); background-position: 10% 0%, 0% 10%, 100% 50%; }
  @keyframes loadrunner { 0% { background-position: 10% 0%, 0% 10%, 100% 50%; }
  						  50% { background-position: 0% 0%, 5% 10%, 95% 50%; }
  						  100% { background-position: 10% 0%, 0% 10%, 100% 50%; }
  						}
  .carousel-inner > .item > img
                        { height: auto !important; }
  .carousel, .carousel .item
                        { height: 500px; }
  .site-banner-subtitle { width: 85%; }
  .carousel-indicators  { bottom: 1.25em; }
  .feat-panel           { padding-bottom: 2em; }
  .site-header-btn.btn  { margin-left: 15px; }
  ul.package span       { font-size: 1.75em; margin: 0.25em 0; }
  .ready-timer          { background-position: 75% 100%; }
  .ready-timer p span   { display: inline-block; }
  .ready-timer p        { padding-top: 1em; }
  #hr-page-tabs .panel-body
                        { padding: 10px; }
  #hr-page-tabs .panel-default>.panel-heading
                        { background-color: #ddd; }
  .panel-title a        { color: #6aa2ec; padding: 0 44%; }
  .foot-col             { width: 25%; }
  .foot-col:first-child, .foot-col:last-child
                        { width: 100% !important; min-height: 5em; }
  .feat-panel ul.fa-ul li
                        { height: 2.5em; line-height: 1em; }
  .gear10, .gear9, .gear8, .gear7, .gear11
                        { display: none; }
  .gear12               { right: -25px; }
  .gear1                { left: -30px; }
  .gear2                { left: 65px; top: 30px; }
  .gear3                { left: 140px; top: 3px; }
  .gear4                { left: 210px; top: 117px; }
  .gear5                { left: 305px; }
  .gear6                { left: 440px; }
  .circle2              { left: 0.5em; }
  .lock2                { left: 4.75em; }
  .currency             { font-size: 18px; }
  .value                { font-size: 0.85em; }
  .duration             { font-size: .5em; }
  #what-we-do .over     { margin-top: 0em; margin-bottom: 1em; }
  ul.colo-list:first-of-type
                        { margin-bottom: 40px; }
  p.addons-ordering     { margin-top: -2.5em; }
  #who-we-are .col-sm-3.col-xs-6
                        { min-height: 10em; }
  #likes-table .likes   { min-height: 12em !important; }
}

@media screen and (max-width: 425px) {
  .panel-title a        { padding: 0 25%; }
  .foot-col             { width: 50%; min-height: 11em; }
  .foot-col:first-child, .foot-col:last-child
                        { width: 100% !important; min-height: 5em; }
  .foot-col:first-child span
                        { padding-left: 43%; }
  .foot-col:last-child  { margin-top: 0em; }
  #footer .need-help    { text-align: center; margin-bottom: 18px; }
  #logo-foot            { background-position: top center !important; }
  .carousel-caption     { top: 4em; }
  .carousel-caption h1  { font-size: 2.25em; }
  .site-banner-subtitle { font-size: 1em; }
  .lock1, .lock3, .circle1, .circle3,
  .gear4, .gear5, .gear6, .gear7, .gear8, .gear9, .gear11
                        { display: none !important; }
  #pvt-cloud .carousel-caption
                        { background-image: url(../images/clouds1.png), url(../images/clouds4.png); background-position: 10% 0%, 100% 50%; }
  @keyframes loadrunner { 0% { background-position: 10% 0%, 100% 50%; }
  												50% { background-position: 10% 0%, 100% 50%; }
  												100% { background-position: 10% 0%, 100% 50%; }
  											}
  #pvt-cloud .carousel-caption, #dedi-slide .carousel-caption
                        { margin-top: 2.5em; }
  #mgd-vps .carousel-caption, #dedi-slide .carousel-caption, #pvt-cloud .carousel-caption
                        { width: 80%; }
  .gear1                { left: -35px; }
  .gear2                { left: 60px; }
  .gear12               { right: -35px; top: 100px; }
  .carousel-indicators  { bottom: 0.5em; }
  .circle2              { left: 3.5em; }
  .lock2                { left: 7.75em; top: 2.75em; }
  #price-slider h2      { font-size: 2.5em; }
  a.mgd-on, a.mgd-off   { font-size: 1em; }
  .ready-timer          { background-position: 25% 100%; float: none; text-align: center; margin-top: 2em; padding-right: 0em; }
  .ready-timer p span   { display: inline; }
  .ready-timer p        { text-align: center; margin-left: 0; }
  .table-responsive     { border: 0px none; }
  ul.check-list         { width: 100%; }
  #scroll               { bottom: 50px; right: 44%; }
  #legal                { bottom: -35px; }
  .daas-full-center img { max-width: 65%; max-height: 65%; }
}

@media screen and (max-width: 375px) {
  .panel-title a        { padding: 0 20%; }
  #dbSlider.carousel	{ height: 585px; }
  .carousel-caption     { top: 5.5em; }
  #pvt-cloud .carousel-caption, #dedi-slide .carousel-caption, #mgd-vps .carousel-caption
                        { margin-top: 0em; padding-top: 0px; }
  #dbSlider .carousel-caption h1
						{ margin-top: 0px; }
  .carousel, .carousel .item
                        { height: 550px; }
  .btn                  { white-space: normal; }
  .site-header-btn.btn  {}
  .navbar-toggle        {  }
  .phone-info           { margin-bottom: 0px; }
  .hide-mobile          { display: none; }
  .navbar-header        { width: 115%; }
  .gear12               { right: -25px; top: 125px; }
  .lock2                { left: 7.295em; top: 2.75em; }
  .circle2              { left: 3em; }
  .ready-timer          { background-position: 20% 100%; }
  ul.package span       { font-size: 1.5em; }
}

@media screen and (max-width: 320px) {
  .panel-title a        { padding: 0 18%; }
  .carousel-caption     { top: 16%; }
  .carousel, .carousel .item
                        { height: 550px; }
  .carousel-caption .btn 
  						{ padding: 1em 1.25em; }
  .btn                  { white-space: normal; }
  .navbar-header        { width: 115%; padding-left: 0px; padding-right: 0px; }
  .site-logo			{ width:135px; margin-top: 12px; }
  .navbar-toggle        { display: none; margin-top: 8px; margin-right: 0px; }
  a.mgd-on, a.mgd-off   { font-size: 0.9em; letter-spacing: 0em; }
  #price-slider .toggle.btn
                        { min-width: 29px; min-height: 34px; margin-left: 10px; margin-right: 10px; 
						  margin-top: -8px; }
  .ready-timer          { background-position: 15% 100%; }
  .ready-timer p        { padding-top: 1em; margin-left: auto; margin-right: auto;
                          text-align: center; }
  li.col-md-2 .pkg-item { height: 6em; }
  ul.package span       { font-size: 1.1em; margin: 0.125em 0; }
  .pkg-item label       { height: 1.5em; }
  .pkg-item#monthly-amt { padding: 8px 0px 12px; }
  .gear12               { right: -30px; top: 135px; }
  .gear3                { left: 150px; }
  .site-banner-subtitle { width: 100%; }
  .lock2                { left: 5.5em; top: 2.75em; }
  .circle2              { left: 1em; }
  .managed-btn .col-xs-12
                        { padding: 0; }
  .managed-btn          { margin-bottom: 1.25em !important; }
  .foot-col ul li       { line-height: 1em; }
  .foot-col             { min-height: 12em; }
  footer                { border-bottom: 50px solid #142f52; }
  #legal                { bottom: -47px; }
  #scroll               { bottom: 58px; }
}