/*imports - the need to at the start of the document*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url(https://fonts.googleapis.com/css?family=Duru+Sans);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

/*layout initialization*/
body > div, body > section, hr, .info_box, .clear{clear:both; }

/*This element must only have section tags as children, this element is to make all the children stack in a row.*/
.in_block{display: flex; flex-wrap: wrap;}
/*Same as in-block, but used in more specific cases e.g. home page and dsl page and why choose vanilla page*/
.left > section{float:left; vertical-align: top;}
.fleft{float:left; }
.fright{float:right; }

body, div{padding:0px; margin:0px; }
.rlt, .rlt section{position:relative}
.contact{color:#993302; font-size:12px; }
/*image margins*/
img{margin:10px 0px 10px 0px; max-width:100%;}
img.nomarg{margin:0px 0px -10px 0px;}
img.fullmarg{margin:10px 10px 10px 10px;}
/*decreases size*/
.small img, .img_size img{max-height:200px;}
/*to hide something on the fly*/
.hide{display:none; }

/*center an image*/
.imagecenter{display: block; margin-left: auto;margin-right: auto; width: 50%;}

/*font, text and headings*/
  /*body text - lists*/
  body{font-family:'Duru Sans', sans-serif; }
  p,li{font-size:22px; }
  p.bold{font-weight:700; }
  p.line{text-decoration:underline; }
  .small p, p.small, ul.small li, .small ul li, ol.small, .small ol li{font-size:18px; }/*body text - small*/
  p.itext{font-size:16px; }/*info text - used in yellow strips*/

  /*info lists*/
  /*usually appears at the beginning of a page*/
  ul.check_list  {display:flex; list-style-type:none; width:1000px; margin: 0 auto; justify-content: center; flex-direction: row; flex-wrap: wrap; padding-left: 0;}
  ul.check_list li{padding-bottom: 20px; width: 38%; text-align: left;}
  ul.check_list li:before{content:' '; background:url('/images/icon_tick.png') 10px 10px no-repeat; content: ""; width:45px;height:45px;display: block;float: left;margin-top: -11px;}
  /*standard_list*/

  ol.standard_list ol li{list-style-type: lower-alpha;}

  /*headings*/
    /*primary heading*/
    h1,.timeline-Tweet-text{font-size:50px; font-weight:normal; }/*also used for tweets*/
    h2.header1, h3.header1,.small h2.header1,.small h3.header1{font-size:50px; font-weight:400; font-family: 'Duru Sans';}

    /*secondary heading*/
    h2{font-size:40px; font-weight:700; font-family:'Montserrat', sans-serif, monospace; text-transform: uppercase;}
    h1.header2, h3.header2,.small h1.header2,.small h3.header2{font-size:40px; font-weight:700; font-family:'Montserrat', sans-serif; }
    .small h2, h2.small{font-size:20px; font-weight:700; }/*column heading*/

    /*tertiary heading*/
    h3{font-size:24px; font-weight:700; }
    h1.header3, h2.header3,.small h3.header3,.small h2.header3{font-size:22px; font-weight:700; }
    .small h3, h3.small{font-size:18px; font-weight:700; }/*text heavy page heading*/

    /*emphasis*/
    span.big{font-size: 100px; font-family:'Oswald', sans-serif;}/*emphasis - tweets*/
    p.alt-font{font-family:'Montserrat', sans-serif;  font-weight:700;  font-size:60px;  margin:10px auto 10px auto; }/*for slider on home page*/

/*standard through all pages - padding, sizes and alignments*/
.padding{width:86%; padding:16px 7% 15px 7%; overflow:hidden; }/*standard padding*/
.padding_vert{padding:50px 7% 50px 7%; }/*standard padding + extra vertical padding*/
/*makes text centered*/
.text-align{text-align:center; }

/*Just to align on the fly, not to be used in end products*/
.text-left, .tl{text-align:left; }
.text-left, .tr{text-align:right; }

  /*sizes in width*/
  .sq{width:25%; }/*quarter of page*/
  .st{width:33.33%; }/*third of page*/
  .sh{width:50%; }/*halve of page*/
  .sf{width:100%; }/*full page*/
  /*sizes in width with vertical padding*/
  .sqp{width:21%;padding:20px 2% 20px 2%; }/*quarter of page*/
  .stp{width:27.33%;padding:20px 3% 20px 3%; }/*third of page*/
  .shp{width:36%; padding:20px 7% 20px 7%; }/*halve of page with*/
  .sfp{width:90%; padding:20px 5% 20px 5%;}/*full page*/
  .vp{padding-top:0; padding-bottom:0;}/*halve of page*/

/*Standard link styling*/
a{color:darkred;  text-decoration:none; }
a:visited{color:darkred;  outline:0 !important; }
a:hover{color:black;  outline:0 !important; }
a:focus{color:black;  outline:0 !important; }

  /*links on dark backgrounds*/
  a.dark ,.dark a{color:#ffcc33; text-decoration:none; }
  .dark b, b.dark{color:#ffffff; }
  a.dark:visited,.dark a:visited{color:#ffcc33; outline:0 !important; }
  a.dark:hover,.dark a:hover{color:white; outline:0 !important; }
  a.dark:focus,.dark a:focus{color:white; outline:0 !important; }

  /*links on dark backgrounds*/
  a.darknew ,.darknew a{font-size: 12px; color:#ffcc33; text-decoration:none; }
  .darknew b, b.darknew{font-size: 12px; color:#ffffff; }
  a.darknew:visited,.dark a:visited{font-size: 12px; color:#ffcc33; outline:0 !important; }
  a.darknew:hover,.dark a:hover{font-size: 12px; color:white; outline:0 !important; }
  a.darknew:focus,.dark a:focus{font-size: 12px; color:white; outline:0 !important; }

  /*button links*/
  a.button{height: 25px; display:inline-block; text-align: center;}
  a.button{position:absolute;bottom:0;left:0;right:0;margin:auto auto 50px auto;max-width:100px;}
  a.button.not-ab{position:static; margin: 20px 20px 20px 0;max-width:300px;}
  a.button.bg-brown {background:#563f37;  color:white;}
  a.button{transition:background-color 0.7s;  -webkit-transition:background-color 0.7s; }
  a.button:hover{background-color:#ffcc33; }
  a.button:active{background-color:#ffcc33; }
  a.button.hover{background-color:#ffcc33; }
  a.button.active{background-color:#ffcc33; }

  /*header links - navigation*/
  nav a:visited{color:#333333; outline:0 !important}
  nav a:hover{color:black; outline:0 !important; padding-bottom:10px; border-bottom:3px solid; }
  nav a.hover{color:black; outline:0 !important; padding-bottom:10px; border-bottom:3px solid; }
  nav a.hover.corona{color:black; outline:0 !important; padding-bottom:0px; border-bottom:3px solid; }
  nav a:focus{color:black; outline:0 !important; padding-bottom:10px; }
  nav a.focus{color:black; outline:0 !important; padding-bottom:10px; }
  nav a.focus.corona{color:black; outline:0 !important; padding-bottom:0px; }

  /*footer links - navigation*/
  nav.fnav a:hover{color:#cc0000; }
  nav.fnav a.hover{color:#cc0000; }
  nav.fnav a:focus{color:#cc0000; }
  nav.fnav a.focus{color:#cc0000; }

    /*social media*/
    /*In the footer*/
    .social-network a div#twitter{background:url("../images/social_media/icon_twitter_default.png") no-repeat right top; }
    .social-network a div#facebook{background:url("../images/social_media/icon_facebook_default.png") no-repeat right top; }
    .social-network a div#google{background:url("../images/social_media/icon_gplus_default.png") no-repeat right top; }
    .social-network a div#linkedin{background:url("../images/social_media/icon_linkedin_default.png") no-repeat right top; }
    .social-network a div#twitter:hover,.social-network a div#twitter:active,.social-network a div#twitter.hover{background:url("../images/social_media/icon_twitter_hover.png") no-repeat right top; }
    .social-network a div#facebook:hover,.social-network a div#facebook:active,.social-network a div#facebook.hover{background:url("../images/social_media/icon_facebook_hover.png") no-repeat right top; }
    .social-network a div#google:hover,.social-network a div#google:active,.social-network a div#google.hover{background:url("../images/social_media/icon_gplus_hover.png") no-repeat right top; }
    .social-network a div#linkedin:hover,.social-network a div#linkedin:active,.social-network a div#linkedin.hover{background:url("../images/social_media/icon_linkedin_hover.png") no-repeat right top; }

/*header and footer*/

  /*header*/
  #logo{width:25%;  min-width:300px; }
  nav{color:#333333; font-size:20px; margin-top:30px; margin-right:3%; float:right; letter-spacing:1px; }
  nav a{color:#333333; text-decoration:none; }

  /*footer*/
  nav.fnav{font-size:12px; margin-top:13px; margin-right:0%; }
  nav.fnav a{letter-spacing:0px; }
  footer{clear:both; }
  footer aside {border-top:1px solid; }
  footer aside p{font-size:12px; float:left; }
  footer aside p.itext{width:30%; }
  .social-network{text-align:center; margin:0; }
  .social-network img{display:inline-block; vertical-align:top; }
  .social-network a div{width:56px; height:54px; display:inline-block; padding:0px 10px 0px 10px; }

  /*breadcrumbs*/
  div.breadcrumbs{position: absolute;right:10%;top:120px;display: inline-block;float: right; width: 700px; padding: 10px}
  div.breadcrumbs ol{display: inline-block;font-size: 13px;margin: 0px;height: 0px;}
  div.breadcrumbs ol li{display: inline-block;padding:0px;margin: 0px;}
  div.breadcrumbs ol li:after{content: '>'; height: 0px;}
  div.breadcrumbs ol li:last-child:after{content: '';height: 0px;}
  div.breadcrumbs ol li:last-child a{color: black; cursor: default;}
  div.breadcrumbs ol li:last-child a:focus{color: black;}
  div.breadcrumbs ol li:last-child a:hover{color: black;}

/*Table styling*/
table {border-collapse: separate;box-shadow: inset 0 1px 0 #fff;line-height: 24px;text-align: left;table-layout: fixed;font-size:16px;}
table p, table li{font-size:16px;}
thead {background: linear-gradient(#777, #444);border-left: 1px solid #555;border-right: 1px solid #777;border-top: 1px solid #555;border-bottom: 1px solid #333;box-shadow: inset 0 1px 0 #999;color: #fff;font-weight: 700; 
  padding: 10px 15px;position: relative;text-shadow: 0 1px 0 #000;font-size: 22px;}
thead:after {background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));content: '';display: block;height: 25%;left: 0;margin: 1px 0 0 0;position: absolute;top: 25%;}
thead:first-child {border-left: 1px solid #777;box-shadow: inset 1px 1px 0 #999;}
thead:last-child {box-shadow: inset -1px 1px 0 #999;}
td {border-right: 1px solid #fff;border-left: 1px solid #e8e8e8;border-top: 1px solid #fff;border-bottom: 1px solid #e8e8e8;padding: 10px 15px;position: relative;transition: all 300ms;}
td:first-child {box-shadow: inset 1px 0 0 #fff;}
table > tbody > tr > td:first-child {font-weight: 700;}
table > tbody table tr td:first-child {font-weight: 400;}
table > tbody table tr td{font-weight: 400;padding: 0px;}
td:last-child {border-right: 1px solid #e8e8e8;box-shadow: inset -1px 0 0 #fff;}
tbody tr:nth-child(odd) td {background: #f1f1f1;}
tr:last-of-type td {box-shadow: inset 0 -1px 0 #fff;}
tr:last-of-type td:first-child {box-shadow: inset 1px -1px 0 #fff;}
tr:last-of-type td:last-child {box-shadow: inset -1px -1px 0 #fff;}
table.small td p, table.small td li{font-size:16px; }
table.table_center {margin-left: auto; margin-right: auto; width: 80%;}

/*Background colors and textures*/

  /*colored backgrounds - used for end pages*/
  .bg-black{background:#000000; color:white; }
  .bg-maroon{background:#993302; color:white; }
  .bg-brown{background:#563f37; color:white; }
  .bg-grey{background:#666666; color:white; }
  .bg-lgrey{background:#eee; }
  .bg-cream{background:#c2b6aa; }
  .bg-red{background:#cc0001; }
  .bg-yellow{background:#ffcc33; }
  .bg-orange{background:#b58333; }
  .bg-green{background:#95b081; }

  /*these are used throughout the website*/
  .bgt-metal-silver, .bg-generic{background:#eee url("/images/bg/background_texture_metal_silver.jpg") repeat; }/*used in information heavy blocks*/
  .bgt-paper-tan{background:#c2b6aa url("../images/bg/background_texture_paper_tan.jpg"); }/*used throughout the side*/
  .bgt-wood-pale{background:#eee url("../images/bg/background_texture_wood_pale.jpg"); }/*used for the google apps block*/
  .bgt-chalkboard{background:#333 url("../images/bg/bg_chalkboard.jpg"); }/*this is used for the chalkboard include*/
  .webdev{background:#333 url("../images/bg/webdesign.jpg"); }/*webdev*/
  
  .dark-wood{background:#563f37 url("../images/bg/background_texture_wood_brown.jpg"); }/*home page*/

  /*not in use*/
  .bgt-metal-brown{background:#65504b url("../images/bg/background_texture_metal_brown.jpg"); }
  .bgt-chili-red{background:#993302 url("../images/bg/background_texture_chili_red.jpg"); }
  .bgt-paper-ivory{background:#eee url("../images/bg/background_texture_paper_ivory.jpg"); }
  .bgt-wood-tan{background:#c2b6aa url("../images/bg/background_texture_wood_tan.jpg"); }

  /*font colors corresponding these backgrounds*/
  .bg-grey p, .bg-black p, .bg-maroon p, .bg-brown p, .bgt-chalkboard p, .bgt-paper-brown p, .bgt-metal-brown p, .bgt-chili-red p, .dark-wood p, .webdev p{color:#c2b6aa; }
  .bg-grey li, .bg-black li, .bg-maroon li, .bg-brown li, .bgt-chalkboard li, .bgt-paper-brown li,.bgt-metal-brown li,.bgt-chili-red li, .dark-wood li, .webdev li{color:white; }
  .bg-grey h3, .bg-black h3, .bg-maroon h3, .bg-brown h3, .bgt-chalkboard h3, .bgt-paper-brown h3,.bgt-metal-brown h3,.bgt-chili-red h3, .dark-wood h3, .webdev h3{color:white; }
  .bg-grey h2, .bg-black h2, .bg-maroon h2, .bg-brown h2, .bgt-chalkboard h2, .bgt-paper-brown h2,.bgt-metal-brown h2,.bgt-chili-red h2, .dark-wood h2, .webdev h2{color:white; }
  .bg-grey h1, .bg-black h1, .bg-maroon h1, .bg-brown h1, .bgt-chalkboard h1, .bgt-paper-brown h1,.bgt-metal-brown h1,.bgt-chili-red h1, .dark-wood h1, .webdev h1{color:white; }

  .bg-lgrey,.bg-cream,.bg-red,.bg-yellow,.bg-orange,.bg-green,.bgt-paper-tan,.bgt-paper-ivory,.bgt-cgrey,.bgt-wood-pale{color:#563f37; }
  .bg-lgrey h2,.bg-cream h2,.bg-red h2,.bg-yellow h2,.bg-orange h2,.bg-green h2,.bgt-paper-tan h2,.bgt-paper-ivory h2,.bgt-cgrey h2{color:black; }
  .bg-lgrey h3,.bg-cream h3,.bg-red h3,.bg-yellow h3,.bg-orange h3,.bg-green h3,.bgt-paper-tan h3,.bgt-paper-ivory h3,.bgt-cgrey h3{color:black; }

/*colors - for font - not really used*/
.clr-black{color:#000000; }
.clr-maroon{color:#993302; }
.clr-brown{color:#563f37; }
.clr-grey{color:#666666; }
.clr-cream{color:#c2b6aa; }
.clr-red{color:#cc0001; }
.clr-yellow{color:#ffcc33; }
.clr-white{color:#ffffff; }
.clr-tanned{color:#c2b6aa; }

/*Form styling*/
form{position:absolute; bottom:0; left:0; right:0; margin:auto auto 70px auto; vertical-align:baseline;}
form.not-ab{position:static; margin-bottom:10px; width: auto;} 
form.not-ab input{margin-bottom:10px;}
form.enq_form span{margin:0px 10px 0px -5px; text-align:left; display:inline-block; font-size:22px;}
form.enq_form > span{width: 350px; vertical-align: top; padding:20px 0px 0px 0px;}
form.enq_form div.disc{width:400px; display:inline-block; margin:10px; }
form.enq_form div.disc span{width:400px; vertical-align:middle; font-size:16px; color:grey; padding-left:35px;}
form.enq_form input[type=text], form input[type=email]{width:350px; }
 
  /*Input styling*/
  input:focus, button:focus, select:focus{outline:0 !important; }
  input::-moz-focus-inner,button::-moz-focus-inner, select::-moz-focus-inner{border:0; }
  input, a.button{background-color:white; color:#563f37; font-family:'Duru Sans', sans-serif; cursor:pointer; font-size:20px; }
  input[type=submit], input[type=text], input[type=email], a.button, select, input[type=password], textarea{padding:10px 25px 10px 25px; min-width:150px; border-radius:50px; border:1px solid gray; }
  input[type=text], input[type=email]{cursor:text; }
  input:disabled, select:disabled,textarea:disabled{background-color:#999999;}

  /*Google Search*/
  form.search{display:inline-block; }
  form.search .submit{padding:10px; margin:0 0 0 125px; cursor:pointer; float:left; position:absolute; }
  form.search input[type=text]{min-width:10px; width: 110px; padding-right:30px; }

  /*Email input*/
  input[type=text]:focus ,input[type=email]:focus{border:1px solid black; }
  input[type=text].focus,input[type=email].focus{border:1px solid black; }
  form input[type=text].qtr{width:170px; }


  /*email-login*/
  form.email-login input{width: 90%; max-width: 350px; }
  form.email-login input[type=submit]{width: 200px; }

  /*Submit button*/
  input[type=submit]{transition:background-color 0.7s; -webkit-transition:background-color 0.7s; }
  input[type=submit]:hover{background-color:#ffcc33; }
  input[type=submit]:hover:disabled{background-color:#999999; }
  input[type=submit]:active{background-color:#ffcc33; }
  input[type=submit]:active:disabled{background-color:#999999; }
  input[type=submit].hover{background-color:#ffcc33; }
  input[type=submit].active{background-color:#ffcc33; }

  /*Select input*/
  select{background:white; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background: url('/images/down.png') no-repeat right white; font-size:22px; width: 400px;}
  select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000;}

  /*Text area*/
  textarea{width:350px; font-size:22px;}

  /*Check box input*/
  div.checkbox {text-align: left;display:inline-block;}
  div.checkbox div{float: right; width: 40%;}

/*Specifics*/
div.more section, div.speed section, div.hosting section, div.emails section, div.button_bottom section, div.value-added-services section{position:relative; }

  /*yellow strip below sections*/
  div.strip{background:#ffcc33; color:black; padding:10px 7% 10px 7%; font-size:14px;  text-align:center; }
  div.strip a{color:darkgreen; }
  div.strip p{margin:0px; }

  /*slider in home page*/
  .homediv{height: 520px; width: 100%; clear: left; display: block;}
  .home{position: absolute; height: 450px; width: 86%; padding: 50px 7% 10px 7%;}
  div.home._4 p, div.home._4 h3, div.home._4 p.alt-font{color: black;}
  .home input{margin:5% auto 5% auto; }
  .home h1{color:#c2b6aa; }
  .home h3{color:#c2b6aa; }
  .home p.alt-font{color:white; }


    /*Background colors and textures*/
    div.home._1{background:black url("/images/bg/slider_bg_dark_speed_asphalt.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    div.home._2{background:#993302 url("/images/bg/slider_bg_dark_speed_olympicred.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; display: none;}
    div.home._3{background:#666666 url("/images/bg/slider_bg_dark_prosperous_arrow.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; display: none;}
    div.home._4{background:#ffcc33 url("/images/bg/slider_bg_light_freedom_parachute.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; display: none;}

    /*This is used in the first section of the homepage, this allows you to scroll through the sliders*/
      div.homediv-scroller ol{text-align: center; list-style: none; } 
      div.homediv-scroller ol li{display: inline-block; margin: -5px 5px 0px 5px; } 
      div.homediv-scroller ol li a{width: 12px; height: 12px; border: 1px black solid; border-radius: 50%; 
        text-indent: -9999px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.9); display: block; } 
      div.homediv-scroller ol li a.active{background: #666666; width: 12px; height: 12px; }

  /*main section in home page*/
  div.more section{height:450px; }
  .bgt-paper-brown{background:url("../images/bg/background_texture_paper_brown.jpg"); }
  .bgt-paper-brown p{color:#c2b6aa; }
  .bgt-paper-brown h3{color:white; }
  .bgt-paper-brown h2{color:white; }
  .bgt-paper-brown h1{color:white; }

  /*hardmare pages*/
  div.hardware section, div.button_bottom section{ padding-bottom: 120px; position: relative;}
  div.button_bottom.flat section{padding-bottom: 15px;}

  /*connectivity pages*/
  div.speed{display: table-row; }
  div.speed section{ padding-top: 20px; display: table-cell; padding-bottom: 120px; }
  div.speed section.in{ display: block; width: 100%}

    /*Background colors and textures*/
    .bgt-speed_olympicred{background:#993302 url("../images/bg/slider_bg_dark_speed_olympicred.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    .bgt-wc{background:#666666 url("../images/bg/bg_wireless_connectivity.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;}
    .bgt-dsl{background:#563f37 url("../images/bg/bg_dsl_connectivity.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;}
    .bgt-fibre{background:#cc0001 url("../images/bg/bg_fibre_1000.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;}
    .bgt-wc p,.bgt-dsl p,.bgt-fibre p{color:#c2b6aa; }
    .bgt-wc h1,.bgt-dsl h1,.bgt-fibre h1{color:white; }
    .bgt-wc h2,.bgt-dsl h2,.bgt-fibre h2{color:white; }
    .bgt-wc h3,.bgt-dsl h3,.bgt-fibre h3{color:white; }
    .bgt-wc h3,.bgt-dsl h3,.bgt-fibre h3{color:white; }
    .bgt-in h1,.bgt-in h2,.bgt-in h3,.bgt-in h3,.bgt-in p{color: black;}
    .bgt-dsl_2{background:#eee url("../images/bg/bg_dsl_2.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    .bgt-dsl_4{background:#ddd url("../images/bg/bg_dsl_4.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    .bgt-dsl_10{background:#ccc url("../images/bg/bg_dsl_10.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    .bgt-dsl_20{background:#993302 url("../images/bg/bg_dsl_20.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    .bgt-fibre_50{background:rgba(255, 255, 255, 0.9); }
    .bgt-fibre_100{background:rgba(220, 220, 220, 0.9); }
    .bgt-fibre_200{background:rgba(160, 160, 160, 0.9); }
    .bgt-fibre_1000{background:rgba(153, 51, 2, 0.9); }
    .bgt-dsl_2,.bgt-dsl_4,.bgt-dsl_10,.bgt-fibre_50,.bgt-fibre_100,.bgt-fibre_200{color:#563f37; }
    .bgt-dsl_2 h2,.bgt-dsl_4 h2,.bgt-dsl_10 h2,.bgt-fibre_50 h2,.bgt-fibre_100 h2,.bgt-fibre_200 h2{color:black; }
    .bgt-dsl_2 h3,.bgt-dsl_4 h3,.bgt-dsl_10 h3,.bgt-fibre_50 h3,.bgt-fibre_100 h3,.bgt-fibre_200 h3{color:black; }
    .bgt-dsl_20 p,.bgt-fibre_1000 p{color:#c2b6aa; }
    .bgt-dsl_20 h3,.bgt-fibre_1000 h1{color:white; }
    .bgt-dsl_20 h2,.bgt-fibre_1000 h2{color:white; }
    .bgt-dsl_20 h1,.bgt-fibre_1000 h3{color:white; }
    div.bgt-in{background:url("/images/bg/slider_bg_light_freedom_parachute.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
    div.bgt-in div{background:rgba(194, 182, 170, 0.9); padding-top:100px; padding-bottom:100px;}

  /*blocks in why choose Vanilla pages*/
  div.why_v section{height:450px; padding-top: 20px;}

    /*Background colors and textures*/
    .bgt-cred{background:#cc0001 url("../images/bg/background_texture_canvas_red.jpg"); }
    .bgt-cg{background:#666666 url("../images/bg/bg_texture_canvas_grey.jpg"); }
    .bgt-cdark{background:#666666 url("../images/bg/background_texture_canvas_dark.jpg"); }
    .bgt-cgrey{background:#eee url("../images/bg/background_texture_canvas_grey.jpg"); }
    .bgt-cg p, .bgt-cred p,.bgt-cdark p{color:#c2b6aa; }
    .bgt-cg h3, .bgt-cred h3,.bgt-cdark h3{color:white; }
    .bgt-cg h2, .bgt-cred h2,.bgt-cdark h2{color:white; }
    .bgt-cred h1, .bgt-cred h1,.bgt-cdark h1{color:white; }
    .bgt-cgrey{color:#563f37; }
    .bgt-cgrey h2{color:black; }
    .bgt-cgrey h3{color:black; }

  /*value-added-services*/
  div.value-added-services section{background-size: cover; height:400px;}
  .bg_hardware{background: linear-gradient(rgba(153,051,002, 0.8), rgba(153,051,002, 0.8)), url(/images/bg/hardware.jpg); }
  section.bg_dial{background: linear-gradient(rgba(106,083,075, 0.8), rgba(106,083,075, 0.8)), url(/images/bg/dial.jpg)}         
  section.bg_web_dev{background: url(/images/bg/web-dev.jpg); }
  section.bg_forensics {background: linear-gradient(rgba(102,102,102, 0.8), rgba(102,102,102, 0.8)), url(/images/bg/forensics.jpg);}
  section.bg_seo{background: linear-gradient(rgba(200,200,200, 0.7), rgba(200,200,200, 0.7)), url(/images/bg/seo.jpg);}
  section.bg_seo a{color: black;}
  section.bg_sysadmin{background: linear-gradient(rgba(60,122,156, 0.75), rgba(60,122,156, 0.75)), url(/images/bg/server.jpg);}
  section.bg_bitcoin{background: linear-gradient(rgba(240,200,180, 0.5), rgba(240,200,180, 0.5)), url(/images/bg/btc-chart.jpg);}
  section.bg_office{background: url(/images/bg/office.jpg);}
  section.bg_consult{background: url(/images/bg/consult.jpg);}
  .light_font p{color:#c2b6aa; }
  .light_font h1{color:white; }
  .light_font h2{color:white; }
  .light_font h3{color:white; }

  /*hosting pages*/
  div.hosting section{height:430px; padding-top: 20px;}

    /*Background colors and textures*/
    .bgt-metalshine_green{background:#717042 url("../images/bg/background_texture_metalshine_green.jpg"); }
    .bgt-oregan_brown{background:#604436 url("../images/bg/background_texture_oregan_brown.jpg"); }
    .bgt-honeycomb{background:#a33e06 url("../images/bg/background_honeycomb_red.jpg"); }
    .bgt-postmark{background:#666666 url("../images/bg/background_texture_postmark_grey.jpg"); }
    .bgt-letters{background:#a76322 url("../images/bg/background_texture_letters_orange.jpg");}
    .bgt-metalgrid_grey{background:#666666 url("../images/bg/background_texture_metalgrid_grey.jpg"); }
    .bgt-postmark_dark{background:#555555 url("../images/bg/background_texture_postmark_dark.jpg"); }
    .bgt-postmark_darker{background:#444444 url("../images/bg/background_texture_postmark_black.jpg"); }
    .bgt-letters p, .bgt-honeycomb p , .bgt-postmark p, .bgt-metalshine_green p, .bgt-oregan_brown p, .bgt-metalgrid_grey p,.bgt-postmark_dark p,.bgt-postmark_darker p{color:#c2b6aa; }
    .bgt-letters h3, .bgt-honeycomb h3, .bgt-postmark h3, .bgt-metalshine_green h3, .bgt-oregan_brown h3, .bgt-metalgrid_grey h3,.bgt-postmark_dark h3,.bgt-postmark_darker h3{color:white; }
    .bgt-letters h2, .bgt-honeycomb h2, .bgt-postmark h2, .bgt-metalshine_green h2, .bgt-oregan_brown h2, .bgt-metalgrid_grey h2,.bgt-postmark_dark h2,.bgt-postmark_darker h2{color:white; }
    .bgt-letters h1, .bgt-honeycomb h1, .bgt-postmark h1, .bgt-metalshine_green h1, .bgt-oregan_brown h1, .bgt-metalgrid_grey h1,.bgt-postmark_dark h1,.bgt-postmark_darker h1{color:white; }

  /*map*/
  #map {width: 100%;height: 550px;background-color: gray;border:1px solid black;}
  .controls {margin-top: 10px;border: 1px solid transparent;height: 13px;font-size: 16px;}

  /*blocks in private email page*/
  div.emails section{height:480px;}
  div.emails section a.button{max-width:250px; }

  /*twitter plug in*/
  div.tweet-div > span{padding:5px; overflow: hidden;}
  div#tweet{overflow: hidden; word-wrap:break-word;}
  iframe{width:100%; height:600px; }

  /*support page*/
  div.support div section{display:inline-block; vertical-align:top; width:170px; padding:5px 1% 5px 1%; }

  /*knowledge bank page*/
  div.faq h3{margin-bottom:10px; }
  div.faq p{ font-size: 140%; font-weight: 400;}
  div.faq a{ font-size: 100%; font-weight: 400;}
  div.faq section{float:left; width:48%;padding-left: 1%;}
  div.faq section section{width:100%; }

  /*Terms & conditions*/
  ol.terms section{padding:10px 7% 10px 7%; }
  ol.terms section li li{color:#352621; }

  .section_list ol{counter-reset:section; list-style-type:none; word-wrap:break-word;}
  .section_list span.h2{font-size: 22px; color: #222222; font-weight: 700;}
  .section_list > ol{padding-left:0px; }
  .section_list > ol > section > li ol{font-size:12px; font-weight:normal; font-family:'Duru Sans', sans-serif; color:#352621;}
  .section_list ol section li::before{font-weight:400; counter-increment:section; content:counters(section,".") ". "; color:#352621; }

  .table_of_content{clear: left; display:block; overflow:auto; padding-left:20px; cursor:pointer; float: right; width: 300px;margin-right: 20px; border-left: 1px solid black}
  .table_of_content li {font-size:18px; list-style-type:decimal; padding-bottom:5px; float:left; clear:both; word-wrap:break-word; color: darkred;}
  .table_of_content li:hover, .table_of_content li:focus{color: black;}


  /*content heavy pages*/
  div.content_heavy section{padding:10px 7% 10px 7%; }

  /*lengendary*/
  #legend
  {
    margin-top: 10px;
    margin-right: 10px;
    font-family:'Duru Sans';
    background-color: rgb(255, 255, 255);
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
    width: 170px;
    text-align: left;
  }

  #legend li{list-style-type:none; font-size: 15px;}
  #legend ul{margin: 0; padding: 0;}
  #legend li div{width: 10px; height: 10px; display: inline-block;}
  #legend div.live{background-color: rgba(100, 0, 255, 0.5); border: 1px yellow solid;}
  #legend div.planned{background-color: rgba(205, 0, 255, 0.5); border: 1px yellow solid;}
  #legend div.scheduled{background-color: rgba(206, 147, 216, 0.9); border: 1px yellow solid;}
  #legend div.potential{background-color: rgba(100, 100, 100, 0.9); border: 1px yellow solid;}
  #legend div.vumalive{background-color: rgba(0, 255, 0, 0.5); border: 1px yellow solid;}
  #legend div.vumabusy{background-color: rgba(255, 255, 0, 0.5); border: 1px yellow solid;}
  #legend div.vumasoon{background-color: rgba(253, 111, 207, 0.5); border: 1px yellow solid;}
  #legend div.octotel-live{background-color: rgba(15, 157, 88, 0.5); border: 1px yellow solid;}
  #legend div.octotel-deploy{background-color: rgba(249, 168, 37, 0.5); border: 1px orange solid;}
  #legend div.octotel-planned{background-color: rgba(128, 128, 128, 0.5); border: 1px gray solid;}
  #legend div.frogfootlive{background-color: rgba(20, 20, 240, 0.5); border: 1px yellow solid;}
  #legend div.frogfootplanned{background-color: rgba(255, 0, 20, 0.5); border: 1px yellow solid;}
  #legend div.frogfootinprogress{background-color: rgba(255, 240, 20, 0.5); border: 1px yellow solid;}
  #legend div.frogfootdenied{background-color: rgba(0, 0, 0, 0.5); border: 1px yellow solid;}


  /*recaptcha*/
  .g-recaptcha iframe{height: initial;}

  .margintop{
    margin-top: 50px;
  }
  /*Image map*/

    svg, defs, clipPath {
      height: 0; 
    }
video {
    width: 100%;
    height: auto;
}


/*price lists*/

ul.price li span{
  display: inline-block;
  width: 30%;
}

/*-----------------------Responsive----------------------------*/

@media all and (max-width:1800px) {
  div.more section{height:450px; }
  div.hosting section{height:530px; }
  div.emails section{height:500px; }
  div.value-added-services section{height:450px;}

}

@media all and (max-width:1200px) {
  nav.hnav{float: left; clear: both;}
  header{margin-bottom: 10px;}
  div.breadcrumbs{font-size: 16px; left: 5%; top: 200px;}
  nav{margin-top: 0px; }
  .social-network *{text-align:center; }
  div.emails section{height:580px; }
  div.faq section{float:left; width:100%}
}

@media all and (max-width:1000px) {
  nav.fnav{float: left; clear: both; margin-bottom: 30px; }
}

@media all and (max-width:1000px), all and (orientation:portrait) {
  p{font-size:30px; }
  nav.fnav{float: left; clear: both; margin-bottom: 30px; }
  nav.hnav{float: left; clear: both;}
  nav{margin-top: 0px; }
  div.more section{width:60%; height:450px; padding:10%; padding-left:20%; padding-right:20%; }
  div.ingredients section{width:40%; margin-right:5%; }
  .sq{width:100%; }
  .st, .sh{width:100%; }
  .sqp.small, .small section.sqp{width:46% ; padding-left:2%; padding-right:2%; }
  .small p, p.small, ul.small{font-size:22px; }
  .small h2, h2.small{font-size:24px; font-weight:700; }/*column heading*/
  .small h3, h3.small{font-size:23px; font-weight:700; }/*text heavy page heading*/
  .stp, .shp, .sqp, .shp.vp,  .shp.leftp,  .shp.rightp{width:86% ; padding-left:7%; padding-right:7%; }
  .table_of_content{clear: both; float: left; width: 50%; padding: 10px 7% 10px 7%;  border-left: 0px solid black;}
  .table_of_content li{font-size:24px;}
  .section_list > ol > section > li ol{font-size:24px;}
  .section_list span.h2{font-size: 30px; color: #222222; font-weight: 700;}
  div.hardware, div.button_bottom{display: block;}
  div.hardware section{display: inline-block; padding-bottom: 150px;}
  ul.check_list{width: 100%; }
  ul.check_list li{width: 60%; }

  div.speed{display: block;}
  div.speed section{display: inline-block; padding-bottom: 150px;}
  div.button_bottom section{display: inline-block; padding-bottom: 100px;}
}

@media all and (orientation:portrait) {
  .sqp{width:43%; padding-left:3.5%; padding-right:3.5%; }
  .stp, .shp, .sqp, .shp.vp{width:86%; padding-left:7%; padding-right:7%; }
  div.faq section{float:left; width:100%}
  ol.terms section{padding:10px 5% 10px 5%; }
}

@media print
{
  header{text-align: center; }
  header nav, footer nav, div.social-network{display:none; }
  body *{background-color:white; }
  h1,.timeline-Tweet-text{font-size:20px; font-weight:normal; }
  h2,.h1{font-size:18px; font-weight:700; font-family: 'Montserrat', sans-serif; }
  h3,.h3{font-size:16px; font-weight:700; }
  p,li{font-size:14px; margin: 5px 0 0 0; }
  a,a:visited{color:black; }
  .section_list > ol > section > li{font-size:14px; font-family: initial; }
  .section_list > ol > section > li >ol{font-size:14px; font-family: initial; }
  .table_of_content p{font-size: 14px; }
  .table_of_content li{font-size: 10px; }
  .table_of_content li a{font-size: 10px; }
  ol, ul{padding-left: 20px; }
}