/* Normalising */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, option, textarea, p, blockquote, th, td, hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ul {list-style:none;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
caption,th {text-align:left;}
q:before, q:after {content:'';}
a:active, a:focus {outline:none;}

*{padding:0px; margin:0px;}
body {font-family:'Raleway',sans-serif; background:#333; font-size:16px; padding:0 0 400px 0; color:#666;}

/* Helper Classes */
img {display:block; max-width:100%; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}

h3 {font-size:24px; font-family:'Arial Black','Arial Bold',Gadget,sans-serif; color:#6E789E; color:#666; text-align:center; margin:40px 0 20px 0; font-weight:bold;}
h4 {font-size:20px; color:#6E789E; color:#666; text-align:center; margin:0 0 40px 0; line-height:30px; font-weight:normal;}
h5 {font-size:14px; font-weight:bold; margin:0 0 4px 0; color:#9EA0A1;}
hr {width:44%; height:50px; border:none; border-top:1px solid #F9C9C7; margin:0 auto;}

a {color:#f00;}
a:hover {color:#f00;}

.white {background:#FDFDFD url(../images/white-tile.gif) repeat;}
.white.grey {background:#FDFDFD url(../images/grey-tile.gif) repeat;}
.extra {padding-bottom:60px;}
.blue {color:#66AFE9;}

.internal {padding-bottom:60px; text-align:center;}
.internal h4 {margin:40px 0 4px 0;}
.internal p {line-height:24px; margin:0 8px 14px 8px;}

/* Tooltips */
a[data-toggle="tooltip"]:hover {text-decoration:none;}
.tooltip-inner {background:#b52d34; padding:10px; text-align:center!important;}
.tooltip.top .tooltip-arrow {border-top-color:#b52d34;}

/* Buttons */
.btn {display:table;padding:10px 24px;border:none;color:#fff!important;font-size:14px;text-transform:capitalize;margin:10px 0;}
.btn.black {background:#222;}
/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 44px;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f061";
  position: absolute;
  right: 22px;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {-webkit-transform:translateX(8px);transform:translateX(8px);}

/* Navbar */
.navbar {position:relative; min-height:50px; margin-bottom:0; border:0; padding:30px 0; background:#333 url(../images/navbar.png) repeat-x;}
.navbar-header a {padding-top:7px;}
.nav>li {margin:10px 0 0 12px;}
.nav>li>a {padding:5px 15px;}
.nav>li>a:hover, .nav>li>a:focus {color:#EE2E24;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {color:#fff; background:#EE2E24; border-radius:20px;}

/* Header */
header {background:#333 url(../images/banner.jpg) no-repeat center; color:#fff; min-height:376px; padding-top:72px; text-align:center; border-top:6px solid #FF0000; text-shadow:0 2px 2px #333; font-family:'Arial Black','Arial Bold',Gadget,sans-serif;}
header h1 {font-size:40px;}
header p.lead {color:#E6E8E4; margin:10px 0 30px 0; font-size:22px;}
header h2 {font-size:20px; font-family:Arial; line-height:40px;}

.detail.row {padding:0 15px;}
.detail>div {position:relative; margin-bottom:60px; padding-left:66px; min-height:100px;}
.detail>div:hover h5 {color:#FF0000;}
.detail p {font-size:13px; color:#6E789E; color:#9EA0A1; line-height:20px;}
.detail>div:hover p {color:#FF6A6A;}
.detail a {display:block; position:absolute; top:20%; left:0; width:48px; height:48px; background:url(../images/arrow.png) no-repeat;}
.detail>div:hover a {background-position:0 -48px;}

/* Portfolio Home */
.clients {background:#F5F5F5; border-top:solid 2px #F3C3C1; border-bottom:solid 2px #F3C3C1; padding:0 0 46px 0;}
.clients .row>div {margin-bottom:32px;}
.clients a.redbox {background:#F3C3C1; color:#F4F4F4; padding:4px 30px; text-decoration:none;}
.clients img {margin:10px auto 0 auto;}
.clients .btn {background:#333;color:#fff;}
/* Portfolio */
.client {padding-bottom:40px;}
.client h4 {text-align:left;margin:0 0 10px 0;}
.client img {margin:0 auto;}
.client p {margin-left:0;font-size:15px;line-height:22px;margin-bottom:12px;}
.client p.small {font-size:12px;}
/* Portfolio image overlays */
.media {display:inline-block;position:relative;vertical-align:top;}
.media_body {background:rgba(0, 0, 0, 0.7) url(../images/arrow-red.png) no-repeat center 45%;top:0;left:0;bottom:0;right:0;opacity:0;filter:alpha(opacity=0);overflow:hidden;position:absolute;-webkit-transition:0.75s;transition:0.75s;}
.media_body:hover {opacity:1;filter:alpha(opacity=100);}
.media_body p {position:absolute;top:28%;width:100%;color:#fff;text-transform:uppercase;text-align:center;-webkit-transition:0.75s;transition:0.75s;}
.media_body:hover p {top:60%;}
/* Porfolio Tabs */
ul.nav-tabs a {font-size:20px; color:#6E789E; color:#666; text-align:center; margin:0; padding:14px 20px; border:0!important;}
ul.nav-tabs a:hover {background:#fff}
ul.nav-tabs {border-bottom:none;}
ul.nav-tabs li.active a {color:#f00!important}
.tab-content {background:#fff; padding:40px 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.tab-pane.clearfix {text-align:center;font-size:0.8em;}
.tab-pane.clearfix h4 {margin:10px 0;line-height:22px;}
.tab-pane img {border:1px solid #ccc;}
.tab-pane.clearfix p {line-height:18px;margin-bottom:8px;}

/* Modals */
.modalBackground {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.75;-webkit-opacity:.75;-moz-opacity:.75;filter:alpha(opacity=75);z-index:99999;}
.modalContent {background:#fff;border:1px solid #fff;display:none;position:absolute;width:100%;max-width:600px;z-index:999999;margin:40px 0;}
.modalContent .modalClose {position:absolute;top:-30px;right:10px;color:#fff;}
.modalContent .modalClose:hover {cursor:pointer}
.modalBackground.active, .modalContent.active {display:block;}

/* Contact */
.contact {background:#333 url(../images/contact.jpg) no-repeat center; min-height:400px; border-top:6px solid #FF0000;}
.contact .form-group {margin-bottom:0;}
.contact .form-control::-webkit-input-placeholder {color:#eee;}
.contact h3 {text-align:left; color:#eee;}
.contact p {color:#bbb; font-size:12px; padding:20px 0;}
.contact p.blue {color:#66AFE9; padding:0 0 10px 0; font-size:16px;}
.contact p a {color:#bbb; text-decoration:underline;}
.contact a.small {color:#bbb;}
.contact input, .contact textarea, .contact button {background:none; border:4px solid #bbb; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; line-height:30px; height:60px; padding:6px 12px; font-size:16px; color:#eee;}
.contact textarea {height:160px; max-height:160px;}
.contact input[type="email"] {margin-top:40px;}
.contact .pull-right {width:100%; max-width:165px;}
.contact button {width:100%; line-height:60px; padding:0; color:#bbb; background-color:transparent;}
.contact button:hover,.contact button:focus,.contact button:disabled {color:#bbb; background-color:transparent; border-color:#66AFE9;}
.contact #form-messages {color:#66AFE9;font-size:18px;padding-bottom:20px;}
.contact #hp {display:none}


/* T&C */
ol {text-align:left}
ol li {margin-bottom:20px;}

/* Footer */
footer {background:#000; color:#BABABA; font-size:16px; font-family:Arial;}
footer .container {position:relative;}
footer p {line-height:100px;}
footer p em {color:#FF0000; font-style:normal;}
footer p span {padding-left:14px; font-size:13px;}
footer a.scrolltop {position:absolute; top:30px; right:15px; display:block; width:40px; height:40px; background:url(../images/arrow-top.png) no-repeat;}
footer a.scrolltop:hover {background-position:0 -40px;}
footer .fadeHide {opacity:0;}

/* BottomNav */
.bottomnav {text-align:right; color:#EBEBEB; padding-top:10px; font-family:Arial}
.bottomnav p {font-size:12px;margin-top:20px}
.bottomnav a {color:#EBEBEB; font-size:12px;}
.bottomnav a.active {text-decoration:underline;}

/* Captcha */
.grecaptcha-badge {visibility:hidden}

@media (max-width:1200px){
.detail>div {min-height:100px;}
}

@media (max-width:990px){
.container {width:100%;}
.client {text-align:center}
.client h4 {text-align:center;margin:20px 0 10px 0;}
ul.nav-tabs a {font-size:16px;}
}

@media (max-width:768px){
h3 {font-size:20px;}
h4 {font-size:18px;}

.internal p {font-size:14px;}

.extra {padding-bottom:40px;}

header {min-height:300px;}
header h1 {font-size:30px;}
header p.lead {margin:10px 0 20px 0; font-size:16px;}
header h2 {font-size:15px; line-height:18px;}

.detail>div {margin-left:5px; min-height:60px;}
.detail a {top:10%;}

.contact {min-height:340px;background:#333 url(../images/contact.jpg) repeat top;}
.contact input, .contact textarea, .contact button {border:3px solid #bbb; line-height:25px; height:50px; padding:6px 12px; font-size:16px;}
.contact textarea {height:160px; max-height:130px; margin-top:20px;}
.contact input[type="email"],.contact input[type="captcha"] {margin-top:20px;}
.contact button {line-height:50px; padding:0; margin-top:20px;}
}

@media (max-width:767px){
.navbar {padding:20px 0;background:#333;}
.navbar.navbar-inverse.navbar-fixed-top {border-color:#333;}
.collapse.navbar-collapse.pull-right {width:100%;margin:0;padding:0;border-color:#333;}
.navbar-collapse {border-top:0;box-shadow:inset 0 0 0 rgba(255,255,255,.1);}
.nav.navbar-nav, .nav.navbar-nav li {margin:0;padding:0;}
.nav.navbar-nav {padding-top:20px;}
 .nav.navbar-nav li a {padding:10px 15px;}
 
 ul.nav-tabs a {font-size:14px;padding:12px 18px;}
 ul.nav-tabs li {margin:0;}
}

@media (max-width:600px){
 ul.nav-tabs li {width:100%;text-align:center}
}