/* ==========================================================================
   App Styles - Contents
   ==========================================================================
   
   1. Fonts | Fonst stack and @ff 
   2. Global | Site wide
   3. Sections | Basic structure
   4. Modular elements | Custom page elements - Widgets - Custom loops
   5. WordPress specific CSS | Content and image formatting
   6. Media Qs | Breakpoints and tweaks

/* ==========================================================================
   1. Fonts
   ========================================================================== */
@font-face{
  font-family:'FontAwesome';
  src:url('font/fontawesome-webfont.eot?v=3.0.1');
  src:url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }
a{color:#df003f;text-decoration:none}a:hover,a:focus{color:#c70038;text-decoration:none}
p{margin:0 0 20px}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;margin:0 0 20px 0;line-height:20px;text-rendering:optimizelegibility; color:#353535;}
h1{font-size:42px; line-height:50px;}
h1 small {}
h2{font-size:30px; line-height: 40px; }
h3{font-size:22px; line-height: 30px;}
h4{font-size:20px; line-height: 28px;}
h5{font-size:18px;}
h6{font-size:15px;}

p:empty {
	display:none;
}

/* ==========================================================================
   2. Global
   ========================================================================== */

body{margin:0;font-family:"proxima-nova",sans-serif; font-weight:400; font-size:15px;line-height:20px;color:#707070;background-color:#f0f0f0; padding-top:70px;}
body.home {background-color:#fff;}


/* =============================================================================
   3. Sections - 3.a Page Header - 3.b Content - 3.c Pages and Posts - 3.d Sidebar - 3.e Footer
   ----
   3.a Page Header
   ========================================================================== */
.brand {width:221px; height:37px; background:url(../img/logo-2013.jpg) no-repeat; text-indent:-9999px; padding:0 !important;}
.page-header{padding:50px 0 30px 0; text-align:center; border-bottom:solid 1px #ececec; position:relative;}
.page-header p.lead {color:#707070; margin:0px;}

.page-header.hero {padding:0;}
.page-header.hero hgroup {position:absolute; top:40px; left:0px; width:100%;}
.page-header.hero h1, .page-header.hero p.lead {color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.6);}

.page-header.fourohfour {padding:0;}
.page-header.fourohfour hgroup {position:absolute; top:105px; left:0px; width:100%;}
.page-header.fourohfour h1, .page-header.fourohfour h2 {color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.6);}
.page-header.fourohfour h1 {font-size:160px; font-weight:700; line-height:80px;}
.page-header.fourohfour h5 {color:#fff; margin-bottom:0;}

/* ==========================================================================
   3.b Content
   ========================================================================== */
.content { }
.main { }
.main .inner {padding:30px;}
.main .inner-sidebar {padding:30px 0 30px 30px;}
.wrap {padding:50px 0;}
.wrap-inner {background:#fff; border:solid 1px #b5b5b5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.wrap-inner .row-fluid {position:relative;}

.inner .row, .inner .row-fluid, .inner-sidebar .row, .inner-sidebar .row-fluid { margin-bottom:30px;}
.inner .row:last-child, .inner .row-fluid:last-child, .inner-sidebar .row:last-child, .inner-sidebar .row-fluid:last-child { margin-bottom:0px;}

/* ==========================================================================
   3.c Posts and Pages
   ========================================================================== */
/* Tags list */
.inline.tags {margin:0;}
.inline.tags>li>.label>a {color:#fff;}
/* Post meta */
.main .meta {font-size:14px; margin:0;}
/* Comments */
.comment {padding:8px;}
ul.comment {padding:0px;}
.comment.odd {border:solid 1px #ececec; background:#fafafa;}
.comment.odd ul.comment {background:transparent;}
.comment.odd .comment .comment.odd {background:#fff;}
.comment.even ul.comment {background:transparent;}
.comment.even .comment.odd {border:solid 1px #ececec; background:#fafafa;}
/* Blockquote */
blockquote{background: url(../img/quote.png) top left no-repeat #fff; border:solid 1px #b5b5b5; padding:20px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
blockquote:after{position:absolute;bottom:-10px;left:20px;display:inline-block;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;content:''}
blockquote:before{position:absolute;bottom:-11px;left:19px;display:inline-block;border-right:11px solid transparent;border-left:11px solid transparent;border-top:11px solid #b5b5b5;content:''}
blockquote p{margin-bottom:0;font-size:18px;font-weight:300;line-height:24px;}
blockquote small{display:block;line-height:20px;color:#999}
.inner .well-small p, .inner-sidebar .well-small p {margin:0;}
.inner .well h4, .span6 .well h4, .inner-sidebar .well h4 {line-height:44px; margin:0; color: #289ABB;}
.pagination i {height:20px; line-height:20px;}
.well ul.unstyled {margin-left:0;}
.well ul.unstyled li {margin-bottom:20px; line-height:20px;}
p.display {margin:0;}

/* Hub pages */
.icon-mega {
	display:block;
	background:#289abb;
	color:#fff !important;
	width:80px;
	height:80px;
	text-align:center;
	line-height:80px;
	font-size:32px;
	margin:0 auto 20px auto;
	-webkit-border-radius:50%;
	border-radius:50%;
}

/* ==========================================================================
   3.d Sidebar
   ========================================================================== */

.sidebar {background:#fafafa; position:absolute; top:0px; right:0px; bottom:0px; border-left:solid 1px #ececec;}

.sidebar .widget {border-bottom:solid 1px #ececec; padding:20px;}
.sidebar .widget.widget_nav_menu, .sidebar .widget.widget_categories {border-bottom:none; padding:0;}
.sidebar .widget_nav_menu h5 { padding:20px 20px 0 20px;}
.sidebar .widget form {margin:0;}
.sidebar .widget ul {margin:0px; list-style:none;}
.sidebar .widget ul li, .sidebar .widget ul li a {line-height:50px;}
.sidebar .widget ul li {border-bottom:solid 1px #ececec;}
.sidebar .widget ul li a {padding-left:20px; color:#878787; display:block;}
.sidebar .widget ul .active a { border-left:solid 4px #289abb; color:#289abb;}
.sidebar .widget h5 {color:#289abb;}

.widget_edinburgh_widget {
	background:url(../img/edin-location.jpg) center center;
}
.widget_glasgow_widget {
	background:url(../img/gla-location.jpg) center center;
}
.widget_edinburgh_widget h2, .widget_glasgow_widget h2 {
	color:#df003f;
	text-shadow:0 0 10px #fff;
}
.sidebar .widget ul.cont-list {
	padding:10px 15px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:rgba(255,255,255,0.6);
}
.sidebar .widget ul.cont-list li {
	border: none;
}
.sidebar .widget ul.cont-list li, .sidebar .widget ul.cont-list li a {
	line-height:30px;
	font-size:18px;
	padding:0;
}
.sidebar .widget ul.cont-list li a {
	color:#df003f;
}

.sidebar .widget_text {
	background: #fff;
}

/* ==========================================================================
   3.d Footer
   ========================================================================== */

.content-info {background:#202020; color:#f0f0f0; padding-top:30px}
.foot-nav {padding:20px 0; background:#171717;}
.foot-nav ul.inline, .foot-nav p {margin:0px;}
.foot-nav ul.inline li a {color:#f0f0f0;}
.content-info .widget {margin-bottom:80px;}
.content-info .widget-inner h6 {color:#289abb; border-bottom:solid 1px #171717; padding-bottom:15px;}
.content-info .widget-inner a {color:#f0f0f0;}
.content-info .widget-inner .address {color:#289abb;}
.widget_news_feed {}
.content-info .widget_news_feed .widget-inner a {color:#df003f;}
.widget_news_feed h5{margin-bottom:8px;}
.widget_news_feed p.meta{font-size:10px; line-height:10px;}

 /* ==========================================================================
   4. Modular Elements - 4.a Flexslider - 4.b Home Tabs - 4.c Home Welcome - 4.d Testimonial Loop - 4.e NSMail Widget
   ----
   4.a Flexslider
   ========================================================================== */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {width:100%; height:420px;}
.flexslider .slides li .flex-caption {}
.carousel li {margin-right: 5px}
.flex-caption {margin-top:50px;}
.flex-caption h1 {}
.flex-caption h1 a, .flex-caption p, .flex-caption i {color:#fff; text-shadow:0 1px 0px rgba(0,0,0,0.2);}
.flex-caption .category-tag {text-transform:uppercase;}
.flex-caption .text-only {text-align:center;}
.flex-caption .product-title {font-size:65px;}
.flex-caption .text-only p.lead {width:70%; padding:0 15%;}
/* Video Slide */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 23px; height: 22px; margin: -12px 0 0 0; color:#fff; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.flex-direction-nav a:hover {text-shadow:0 0 5px rgba(0,0,0,0.8);}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 20px; }
.flex-direction-nav .flex-prev {left: 20px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30);}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 6px; height: 6px; border:solid 2px #fff; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover {-webkit-box-shadow:0 0 5px rgba(0,0,0,0.8); -moz-box-shadow:0 0 5px rgba(0,0,0,0.8); box-shadow:0 0 5px rgba(0,0,0,0.8);}
.flex-control-paging li a.flex-active {background:transparent;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden; margin-top:-60px;}
.inner .video-container, #products-content .video-container {margin-top:0 !important;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#slider-wrap2 .flex-caption .text-only{
  text-align: left;
}
#slider-wrap2 .flex-caption h1{
  font-size: 25px;
  margin-bottom: 0;
}
#slider-wrap2 .flex-caption .product-title {
    font-size: 36px;
}
#slider-wrap2 .flex-caption .text-only p.lead {
    width: 100%;
    padding: 0;
    font-size: 18px;
}

#slider-wrap2 .flex-caption h1 a, #slider-wrap2 .flex-caption p, #slider-wrap2 .flex-caption i{
	color: #353535;
	text-shadow: none;
}
/* ==========================================================================
   4.b Home Tabs
   ========================================================================== */
/* Social */
#social-main {text-align:center; margin:20px 0 20px 0;}
.social-title { font-family:flood-std; font-weight:400; font-style:normal; color:#b5b5b5; font-size:22px;}
/* Tabs Nav */
#products {border:solid 1px #ececec; border-right:none; background:#fafafa;}
#products.nav-tabs > li { border-right:solid 1px #ececec;display: table-cell;width: 1%;float: none; text-align:center;}
#products.nav-tabs > li > a { border-radius:0px; padding-top:30px; padding-bottom:30px; color:#878787; border:none; margin:0; text-shadow:0 1px 0 #fff; position:relative;}
#products.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {color:#289abb; padding-bottom:26px; border-bottom:solid 4px #289abb;}
#products.nav-tabs > .active > a:after{position:absolute;bottom:0;left:50%;display:inline-block;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #289abb;border-left:-3px solid transparent;content:''}
/* Global tab styles */
#products-content {margin-bottom:50px;}
#products-content .page-header {border:none; margin-bottom:10px;}
#products-content .content-row {}
#products-content .content-row h5 {color:#289abb;}
/* Domains */
#home-order {
  width:534px; 
  margin-left:auto; 
  margin-right:auto; 
  /*background:#f0f0f0;*/
  padding:5px;
  -webkit-border-radius:26px;
  -moz-border-radius:26px;
  border-radius:26px;
  text-align: center;
}
#home-order input{
  vertical-align: inherit;
}
#home-order input[type=submit]{
  line-height: 21px !important;
  background-color: #1a85a4;
  color: #ffffff;
  border: 0;
  border-radius: 4px;
}
#home-order input[type=text]{
  padding:6px;
  font-size: 15px;
}

#home-order input[type=submit]:hover{
  color: #caf3ff;
  background-color: #167f9d;
}
#home-order .input-append {
  margin:0;
}
#home-order input, #home-order select, #home-order button {
  font-size:18px; 
  line-height:30px !important;
  padding:6px 20px;
}
#home-order #domain {
  border-right:none;
  -webkit-border-top-left-radius: 21px;
  -webkit-border-bottom-left-radius: 21px;
  -moz-border-radius-topleft: 21px;
  -moz-border-radius-bottomleft: 21px;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px; 
  height:30px; 
  width:220px !important;
}
#home-order #tld {
  height:44px !important; 
  width:180px !important; 
  padding:6px !important;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#home-order .btn-select {
  border-radius:0px !important
}
#home-order #check {
  -webkit-border-top-right-radius: 21px;
  -webkit-border-bottom-right-radius: 21px;
  -moz-border-radius-topright: 21px;
  -moz-border-radius-bottomright: 21px;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}

.tab-pane ul {
	list-style:none;
	margin: 0 0 20px 0;
}
.tab-pane ul > li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -15px;
}
#products-content i.icon-large {
	line-height:28px;
}
#products-content i.pull-left {
	margin-right:0.6em;
}

/* ==========================================================================
   4.c Home Welcome
   ========================================================================== */
.welcomewrap {background: #460014; /* Old browsers */
background: -moz-linear-gradient(top,  #460014 0%, #5e001a 50%, #460014 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#460014), color-stop(50%,#5e001a), color-stop(100%,#460014)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #460014 0%,#5e001a 50%,#460014 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #460014 0%,#5e001a 50%,#460014 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #460014 0%,#5e001a 50%,#460014 100%); /* IE10+ */
background: linear-gradient(to bottom,  #460014 0%,#5e001a 50%,#460014 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#460014', endColorstr='#460014',GradientType=0 ); /* IE6-9 */}
.welcome {text-align:center; padding:30px 0 20px 0;}
.welcome h2, .welcome h5 {color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3);}

/* ==========================================================================
   4.d Testimonial Loop
   ========================================================================== */
.testimonials {padding:20px 0 30px; background:#f0f0f0;}
.testimonials h3 {color:#289abb; text-align:center;}
.testimonials .span4 .testimonial {background:#fff; border:solid 1px #b5b5b5; padding:20px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1);}
.testimonials .span4 .testimonial:after{position:absolute;bottom:-10px;left:20px;display:inline-block;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;content:''}
.testimonials .span4 .testimonial:before{position:absolute;bottom:-11px;left:19px;display:inline-block;border-right:11px solid transparent;border-left:11px solid transparent;border-top:11px solid #b5b5b5;content:''}
.testimonials .span4 .testimonial .media-heading {color:#289abb;}
.testimonials .span4 .media{margin-top:20px;}
.testimonials .span4 .media img {-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.testimonials .span4 .media .media-body {padding-top:10px;}
.testimonials .span4 .media .media-body h5 {font-size:16px; margin-bottom:0; line-height:20px;}
.testimonials .span4 .media .media-body p {margin:0;}

/* ==========================================================================
   4.e NSMail Widget
   ========================================================================== */
.widget_ns_mail input {border:none; color:#171717; margin-bottom:20px;}
.widget_ns_mail input::-webkit-input-placeholder {color:#202020;}
.widget_ns_mail input:-moz-placeholder {color:#202020;}
.widget_ns_mail input::-moz-placeholder {color:#202020;}
.widget_ns_mail input:-ms-input-placeholder {color:#202020;}

/* ==========================================================================
   5. WordPress specific CSS
   ========================================================================== */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }
img.alignleft {margin:0 18px 20px 0;}
img.alignright {margin:0 0 20px 18px;}
img.aligncenter, img.alignnone {margin-bottom:20px;}

/* ==========================================================================
   6. Page specific
   ========================================================================== */
   
/* Orders */
.hidebox {
	background:#289ABB !important;
	border-color:#289ABB !important;
	font-weight:bold !important;
	color:#fff !important
}

/* ==========================================================================
   7. Media Queries
   ========================================================================== */
/* Large desktop */
@media (min-width: 1200px) {
.navbar .nav>li>a{float:none;padding:10px 15px 10px;}
.welcome {background-image:url(../img/icon-overlay.png); background-position:center top;}
.page-header.hero hgroup {top:75px; left:0px;}
}
/* Regular desktop */
@media (min-width: 980px) and (max-width: 1199px) {
.welcome {background-image:url(../img/icon-overlay.png); background-position:center top;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	body {padding:0;}
	footer .widget-inner {padding-left:10px; padding-right:10px;}
	.banner.navbar.navbar-fixed-top {margin:0px;}
	.sidebar {position:relative;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#slider-wrap2 .flexslider .slides li{
		background-image: none !important;
	}
	body {padding-top:0;}
	footer .widget-inner {padding-left:10px; padding-right:10px;}
	#slider-wrap {display:none;}
	.brand {margin:0 !important;}
	.sidebar {position:relative;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	body {padding-top:0;}
	footer .widget-inner {padding-left:10px; padding-right:10px;}
	#slider-wrap {display:none;}
	.brand {margin:0 !important;}
	.sidebar {position:relative;}
	.social-title {width:100% !important;}
}