/*
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;
}

#accordions-100 .accordions-head { 
	background: #FFEF67!important;
	color: #382B21!important;
	font-size: 18px!important;
	letter-spacing: 1pt!important;
	text-transform: uppercase!important;
        border: 1px solid #382B21;
}

#center {
	text-align:center!important;
}

body {
    background-color:#FFEF67 !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;
  }
}

#accordions-100 .accordion-content {
   background-color: #FFEF67 !important;
   border-left: #111111 !important;
   border-right: #111111 !important;
   border-bottom: #111111 !important;
}

header {
    background-color: #FFEF67;
    background-size: cover!important;
    clear: both !important;
    padding-bottom:0px;
}

.clear {
    clear: both !important;
}

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

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

#top-contacts {
    margin-top: 10px;
    text-align: right;
    padding:25px !important;
}

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

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

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

span.red {
    color:#382B21 !important;
    font-weight:700;
    font-family: 'Lato', sans-serif !important;
}

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

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

nav.navbar.navbar-default {
	border: 0!important;
}

nav {
    border-radius: 0px !important;
    background-color:#FFEF67!important;
    margin-bottom: 0px !important;
}

nav a {
    color:#797B6D!important;
    font-weight:600 !important;
    padding: 20px 30px !important;
    font-size:18px !important;
    text-transform: uppercase!important;
    letter-spacing: 1pt!important;
    font-family: 'Orbitron', sans-serif !important;
}

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

nav a.current {
        background-color: #FFEF67 !important;
        color:#000 !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: #db1229 !important;
    color:#382B21;
    padding:15px;
}

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

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

#content h1 {
    font-size: 35px !important;
    font-weight: 600;
    color:#111;
    margin-bottom: 50px;
    text-transform: uppercase;
    letter-spacing:1pt!important;
    font-family: 'Orbitron', sans-serif !important;
}

#content h3 {
    font-size: 25px !important;
    font-weight: 600;
    color:#111;
    margin: 0px!important;
    text-transform: uppercase;
    letter-spacing:1pt!important;
    font-family: 'Orbitron', 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:#db1229;
    margin-right: 10px;
}

.top-panels {
	margin: 0px 0px 30px 0px!important;
}

.top-panels img {
	height: 300px!important;
}

.top-panels p {
	margin: 0!important;
	padding: 0!important;
}

.top-panels h4 {
	background: #FFEF67!important;
	color: #382B21!important;
	margin-top: 0px!important;
	padding: 15px!important;
	width: 100%!important;
	text-transform: uppercase!important;
	letter-spacing: 1pt!important;
    font-family: 'Orbitron', sans-serif !important;
}	

span.align_right {
	text-align:right!important;
	float: right!important;
}

.top-panels a {
	color: #382B21!important;
}

.top-panels a:hover {
	text-decoration: none!important;
}

.red_button {
	background: #FFEF67!important;
	color: #000!important;
	letter-spacing: 1pt!important;
	padding: 15px 30px!important;
	border: 1px solid #FFEF67!important;
	text-transform: uppercase!important;
}

a.read-more {
    display:inline-block;
    padding:15px 25px !important;
    background-color:#db1229 !important;
    color:#382B21 !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:#382B21 !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;
    }
}

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

#footer-panels {
	background: #222!important;
	color: #fff!important;
	border-top: 10px solid #FFEF67!important;
	padding: 30px 0px!important;
}

.footer-col {
	padding: 0px 25px!important;
}

#footer-panels h4 {
	color:#fff!important;
	text-transform: uppercase!important;
	font-weight: 600!important;
	letter-spacing: 1pt!important;
	margin-bottom: 15px!important;
}



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

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

#contacts h3 {
    font-size:42px !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;
}

#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;
}

input, textarea {
	padding:15px;
	background: #FFF!important;
	width:100%;
	max-height:150px;
	box-sizing: border-box;
	border-radius: 0px;
	border: 1px solid #111;
}

input[type="submit"] {
	width: 20%!important;
	padding: 10px!important;
	text-transform:uppercase!important;
	font-weight: 600!important;
	background-color:#FFEF67!important;
	float:left!important;
	border: none!important;
	color:#FFF;
	border-radius: 0px;
}

input[type="submit"]:hover {
	background: #111!important;
	color:#fff!important;
}