@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400,300);
@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); }
body { font-family:"Open Sans", Arial, sans-serif; }
body>.container { padding-bottom: 50px; }
.highlightimg img {width:100%; height:auto;}
.container h1 { text-align: center; margin: 20px 0; }
h1, h2, h3, h4, h5, h6 { font-family:"Open Sans", Arial, sans-serif; }

header { background: #252628; text-align: right; }
header .tel{ font-size:3.75em; }
header a, header h3 { color: #8FD356; margin-top:13px; }
header a.login { display: block; width:150px; height:50px; background: #8fd356; float: right; margin-top:0; color:#fff ; text-align: center; padding-top:10px; font-size:1.5em; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
header a:hover { text-decoration: none; }
header a.login:hover { color: #fff;}
header a:hover, header a:focus { color: #8FD356; text-decoration: none; }
header .logo {padding:15px; vertical-align: baseline;}
div.package * { margin:0; }
div.packages { border-top: 1px solid rgba(255,255,255,0.3); background: #36383a; padding:20px; }
div.package { color:#fff; font-size:1.2em; min-height: 325px; }
div.package .head { background:#41B7BC; padding:20px 20px 10px 20px; text-align: center; height:75px; }
div.package .head h2  { font-size:1.2em; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.package .logo { text-align: center; background:#41B7BC; border-radius: 50%; margin:auto; width:120px; height:120px; margin-bottom:-60px; }
div.package .content, div.package .button{ background:#252628; }
div.package .content { padding:20px 10px; font-size:0.8em; min-height:115px; }
div.package .button { text-align: center; font-size: 0.6em; padding-bottom:10px; }
div.package .button a { color: #fff; }
div.package .button a:hover { text-decoration: none; }
div.package .logo .HTMLBlock i { font-size:3em; line-height: 2}

.sidebar li { list-style-type: none; }
.sidebar li:before { font-family: 'FontAwesome'; content: "\f05d"; margin:-4px 5px 0 -20px; color: #3FAEB3; float: left; font-size: 1.5em; }

#slideshow { background:#252628; height:100%; max-width: 100%; overflow: hidden; }

.services { font-size:1.15em; }
.services p { margin: 0; }
.services h2 { font-weight: bold; line-height: 2.5; }
.service { padding-bottom:10px;}
.service h3 { font-weight: bold; color:#999;}
.service .bottom h3{ border-top: 1px solid #999; padding-top:10px; }
.service .bottom { padding-bottom:20px; }
.service .row { margin-top:-20px; }
.service small { color:#888; line-height: 2.5; font-size: 0.8em;}
.service a { line-height: 1; color:#999}
.services .domainsearch a{ font-size:0.8em; }

footer { background: #252628; padding:20px ; color:#fff;}
footer h4 { font-size: 1.2em; font-weight: bold; }
footer a { color: #FFF; }
footer a:hover { color:#DDD; text-decoration: none; }
footer p { line-height: 1; color:#999; font-size: 1.1em; }
footer ul, footer li { list-style: none; margin:0; padding:0; }

div#error.jumbotron { text-align: center; margin-bottom: 0; }

.address { background:rgba(37, 38, 40, 0.65); margin-top:30px; margin-bottom:30px; color:#fff; padding-bottom: 23px; text-align: center;}
.addrBackground { background: url('../img/langstone-gate.jpg'); background-position: center; /*background-size:cover;*/}
.myip { background: url('../img/my-ip.jpg');}
.ipaddr { background:rgba(255, 255, 255, 0.75); margin-top:30px; margin-bottom:30px; padding-bottom: 23px; text-align: center;}

#accordion .panel-heading {background:#3FAEB3;color:#fff;}
#accordion .panel-heading h2 {font-weight: bold; letter-spacing: 2px; font-size: 0.9em; text-transform: uppercase;}
#blockStyle988BottomLeft30 label { text-align: left; display: block; width:100%; }
#blockStyle988BottomLeft30 input, #blockStyle988BottomLeft30 textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 1em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
#blockStyle988BottomLeft30 textarea  { resize:none; min-height:150px; }
#blockStyle988BottomLeft30 input:focus, #blockStyle988BottomLeft30 textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
#blockStyle988BottomLeft30 input[type="submit"]{ color: #ffffff; background-color: #47a447; border-color: #398439; }

.row div p a { color: #999999; }
.row div p a:hover { color: #ffffff; }

.domainsearch { margin-top:70px; }
.domain-name-lookup-title { color: #999999; font-size: 1.4em; margin-bottom: -8px; }

.homepage-btn-cta1 { position: relative; margin-top: 66px; }
.homepage-btn-cta2 { position: relative; margin-top: 52px; }
.homepage-btn-cta3 { position: relative; margin-top: 72px; }
.homepage-btn-cta4 { position: relative; margin-top: 52px; }

.sidebar-right { width: 450px; float: right; }

nav a { color: #fff; font-size:1.2em; }
nav .nav > li > a:hover { background: none repeat scroll 0% 0% rgb(37, 38, 40); color:rgba(255,255,255,0.4) ; }
nav>div>ul>li { display: inline-block ; margin-left:20px; text-align:center; }
nav div { text-align: center; }
.navbar-brand, .navbar-nav > li > a { text-shadow: none; }
nav.navbar { min-height: 0; margin-bottom: -10px; margin-top:-20px; }
nav .dropdown-menu { background: #252628; text-align: left; border:0; box-shadow: none;}
nav .dropdown-menu > li > a:hover,nav .dropdown-menu > li > a:focus { background:#5CB85C; }
nav li.active>a{ color:#8FD356; }
nav .dropdown-menu > li > a , nav .dropdown-menu > li > a:hover{ color:#fff; }
nav .navbar-toggle { background:#8FD356; margin:0; float:none; font-weight: bold; color:#fff; padding:5px 40px; border-radius: 0; margin-top:5px;}
nav .navbar-toggle:after { clear: both; }
nav .navbar-toggle .icon-bar { background-color: #252628; }
nav .navbar-collapse { box-shadow: none; }
nav .navbar-right .dropdown-menu { left:auto; right: auto}
nav ul li ul a { margin-top: 5px; }
nav .nav .open > a, nav .nav .open > a:hover, nav .nav .open > a:focus { background-color: transparent; border-color: transparent; }
nav .nav > li > a:hover,nav .nav > li > a:focus { background: none; }
nav .dropdown-menu > li > a {font-size: 1em}
nav .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #40AFB4; outline: 0;}
nav .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background:none;  color:#8FD356;}

.fullpage {min-height: 400px;}

#map { height:500px; width:100%;}
.map.col-sm-12, .map.col-md-12 {padding:0; margin:0;}
.leaflet-popup-content { width:200px; text-align: center; }
.leaflet-popup-content-wrapper, .map-legends, .map-tooltip{ background:#1E1E1E; color:#fff; }
.leaflet-popup-tip { border-top: 10px solid #1E1E1E; }


body > div.container > div.col-md-4 > h3:first-child, body > div.container > div.col-md-4 > h2:first-child { margin:0 0 10px 0; }
.profile { border:1px solid rgba(0,0,0,0.2); border-radius: 3px; }
.clear {clear:both;}
/*Company transitions IT SUPPORT*/
.company {width:300px; height:300px; background:#252628; border-radius: 5px; font-size:0.9em; margin: 2em 0;}
.company, .company img {max-width:300px;}
.company>.logo {z-index: 1; position: relative; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; border-radius: 3px;}
.company>.caption { margin-top:-300px; z-index: 0; display: block; position: relative; color:#fff; padding:10px; text-align: center}
.company>.caption h1 {font-size: 1.2em; font-weight: bold;}
.company>.caption h1, .company>.caption strong, .company>.caption a { color:#8ED255;}
.company>.caption p {text-align: left;}
.company:hover>.logo {opacity: 0; z-index: -1;}