/*
Theme Name: Unitel Direct Premium Fast Track 10
Theme URL: **COMPANY URL**
Description: Unitel Direct Premium Fast Track 10
Author: David Morris - Unitel Direct
Author URL: http://www.uniteldirect.co.uk/
*/


html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

body {
    background-color:#FFF !important;
    font-family: 'Lato', sans-serif !important;
}

.align-right {
    text-align: right;
}

@media (min-width: 992px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

header {
    background-color: #ff0000!important;
    clear: both !important;
    padding-bottom:0px;
    border-top:5px solid #f8db3f;
}

.clear {
    clear: both !important;
}

#name {
    padding:20px 20px !important;
    background-color:#ff0000;
    text-align: left;
}

#name h1 {
    color:#FFF !important;
    font-size:32px !important;
    font-weight: 800;
}

#name h3 {
    color: #f8db3f;
    font-size: 17px;
    margin: 0px !important;
}

#name a {
    color: #f8db3f;
}

#name p {
    font-size:20px;
    color:#FFF;
}

#top-contacts {
    text-align: right;
    padding:55px !important;
}

#top-contacts p {
    font-size:20px;
    color:#f8db3f!important;
    margin-bottom:0px !important;
    line-height:1.5em;
    font-weight: 500;
}

#top-contacts i {
    color: #fff !important;
}

#top-contacts span.large {
    font-size:34px !important;
}

.small {
    font-size:13px !important;
}

span.red {
    color:#f8db3f!important;
    font-weight:700;
}

.no-margins {
    margin: 0 !important;
}

@media (min-width:992px) {
    .navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}

nav {
    border-radius: 0px !important;
    border-top: 2px solid #111!important;
    border-bottom: 2px solid #111!important;
    background-color:#333!important;
    margin-bottom: 0px !important;
    border-left: 2px solid #333 !important;
}

nav li {
    padding:5px !important;
font-
}
nav a {
    color:#fff!important;
    font-weight:800 !important;
    padding: 20px 30px !important;
    font-size:18px !important;
    font-family: 'Lato', sans-serif !important;
}

nav a:hover {
    background-color:#111!important;
    color:#fff!important;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

#navbar {
    border-left: #ff0000!important;
}

nav a.current {
        background-color: #111!important;
        color:#fff!important;
}

.navbar-toggle {
    border:none !important;
}

nav span.icon-bar {
    width:40px !important;
    height:5px !important;
    margin-bottom:3px !important;
}

.camera_wrap {
    border-top: 10px solid #EEE !important;
}

.camera_caption {
    width:35% !important;
    bottom: 10% !important;
    background-color:#db1229 !important;
    left: 13.8% !important;
    padding:10px !important;
}

.camera_caption > div {
    background-color:#db1229 !important;
}

.camera_pag_ul li {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    cursor: pointer;
    border-radius: 50% !important;
    background: #db1229 !important;
    -webkit-transition: 0.3s all ease !important;
    transition: 0.3s all ease !important;
}

.camera_pag_ul span {
    display: none !important;
    visibility: hidden !important;
}

.camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
    background: #5a010b !important;
}

.camera_pag {
    position: absolute;
    bottom: 6.8% !important;
    z-index: 10 !important;
    right: 21.5% !important;
}

@media (max-width:767px) {
    .camera_caption {
        display: none !important;
        visibility: hidden !important;
    }
    .camera_pag {
        display: none !important;
        visibility: hidden !important;
    }
}

#left-image p, #right-image p {
    background-color: #f00!important;
    color:#f8df3c ;
    padding:15px;
}

#left-image a:hover {
    border-bottom: 3px !important;
    color: #f8df3c !important;
}

span.larger {
    font-size:29px;
    text-transform: uppercase;
    display:block;
    font-weight:600;
}

#content {
    padding-top: 0px;
    padding-bottom: 30px;
}

#content h1 {
    font-size: 40px !important;
    font-weight: 350;
    color:#111;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    padding-top: 10px !important;
}

#content h2 {
        font-family: 'Lato', sans-serif !important;
}

#content p {
    line-height:2em;
    margin-bottom: 25px;
}

#content ul {
    list-style: none !important;
    margin-bottom: 25px;
}

#content li {
    margin-bottom:8px;
}

#content li:before {
    content:'►';
    font-size:10px;
    color:#f00;
    margin-right: 10px;
}

a.read-more {
    display:inline-block;
    padding:15px 25px !important;
    background-color:#db1229 !important;
    color:#FFF !important;
}

a.read-more:hover {
    text-decoration: none !important;
    background-color:#910011 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

hr {
    border-top: 1px solid #BBB !important;
}

#content-outro {
    background-color:#EEE !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

#content-outro h2 {
    font-size:42px;
    text-transform: uppercase;
    font-weight:300;
    margin-bottom: 35px !important;
}

#content-outro p {
    padding:25px 20px !important;
    background-color:#db1229; /* CHANGES COLOUR OF BAR LINKS IN THE SERVICES SECTION */
    color:#FFF !important;
    font-size:22px;
    text-decoration: none !important;
    font-weight: 600;
}

#content-outro p:hover {
    background-color:#910011;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

span.float-right {
    float: right;
}

@media(min-width:992px){
    #content-outro img {
        height:355px !important;
    }   
    #intro-tabs img {
        height:220px !important;
        width: 100% !important;
        padding-top: 20px!important;
    }
}

#content-outro a {
    text-decoration: none !important;
}

#bottom-panels {
    background-image: url(images/bottom-panels.jpg); /* BACKGROUND IMAGE BEHIND FOOTER */
    background-size:cover;
}

#contacts {
    padding:20px !important;
    background-color:#ff0000; /* CHANGE BACKGROUND COLOUR BEHIND THE CONTACT DETAILS IN FOOTER */
    color:#FFF !important;
}

#contacts h3 {
    font-size:42px !important;
    color: #f8db3f!important;
}

#contacts p {
    margin-bottom: 20px;
}

#contacts a {
    color:#FFF !important;
    text-decoration: none !important;
}

#form {
    padding: 20px !important;
}

#form input, #form textarea {
    width: 100%;
    padding: 15px;
    margin-bottom:15px;
    background-color:#db1229;
    color:#FFF !important;
    border: 2px solid #FFF;
}

textarea {
    height: 180px;
}

input[type="submit"] { /* THIS CHANGES THE COLOUR OF THE SUBMIT BUTTON AT THE FOOTER FORM */
    width:150px !important;
    margin-bottom: 0px !important;
}


input, textarea {
	padding:15px;
	width:100%;
	max-height:150px;
	box-sizing: border-box;
	border: 1px solid #CCC;
}

input[type="submit"] {
	max-width:150px;
	background-color:#333;
	color:#FFF;
	border: none !important;
	letter-spacing: 1pt!important;
	font-weight: 500!important;
	font-family: 'Lato', sans-serif!important;
	border-radius: 0px!important;
	margin: 0px!important;
}

input[type="submit"]:hover {
	background: #111!important;
        text-decoration: underline !important;
}

#unitel {
    padding-top: 10px;
    background-color:#000 !important;
    color:#FFF !important;
    font-size: 11px;
}

#unitel a {
    color:#FFF !important;
    text-decoration: none !important;
}

#unitel a:hover {
    background-color:#db1229 !important;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

::-webkit-input-placeholder {
   color: #ccc !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc !important;
}

:-ms-input-placeholder {  
   color: #ccc !important;  
}