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


@import 'https://fonts.googleapis.com/css?family=Khand';


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

.pink_button {
    background: #000!important;
    border: 2px solid #000!important;
    color: #fff!important;
    padding: 10px 25px!important;
    text-transform:uppercase!important;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
    font-size: 17px!important;
}

.pink_button:hover {
    background: #2e2e2e!important;
    border: 2px solid #2e2e2e!important;
}


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




body {
    background-color:#FFF !important;
    font-family: 'Libre Franklin', 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: #000 !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 {
    text-align: right;
    padding:25px !important;
}

#top-contacts p {
    font-size:20px;
    color:#fff !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.pink {
    color:#fff !important;
    font-weight:700;
}

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

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

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

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

nav a {
    color:#FFF !important;
    font-weight:600 !important;
    padding: 20px 30px !important;
    font-size:20px !important;
    font-family: 'Khand', sans-serif!important;
    text-transform:uppercase!important;
}

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

nav a.current {
        background-color: #fff !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:#FFF;
    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: 36px !important;
    font-weight: 800!important;
    color:#2e2e2e;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#content h2 {
    font-size: 28px !important;
    font-weight: 800!important;
    color:#2e2e2e;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#content h3 {
    font-size: 22px !important;
    font-weight: 800!important;
    color:#2e2e2e;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#content h4 {
    font-size: 18px !important;
    font-weight: 800!important;
    color:#2e2e2e;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#content h5 {
    font-size: 12px !important;
    font-weight: 800!important;
    color:#2e2e2e;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!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;
}

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

#section_one {
    background: url(http://www.pianotuningsussex.co.uk/wp-content/uploads/2016/11/sectionbg.png)!important;
    background-size: 100% 100%!important;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align:center!important;
}

#section_one h1 {
    font-size: 36px !important;
    font-weight: 800!important;
    color:#000;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#section_one h2 {
    font-size: 28px !important;
    font-weight: 800!important;
    color:#000;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#section_one h3 {
    font-size: 22px !important;
    font-weight: 800!important;
    color:#000;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#section_one p {
    padding: 10px 0px !important;
    color:#000!important;
    font-size:18px;
    text-decoration: none !important;
    font-weight: 400;
}

#contact-section {
    background: #f9f9f9!important;
    background-size: 100% 100%!important;
    padding-top: 40px;
    padding-bottom: 40px;
}

#contact-section h1 {
    font-size: 36px !important;
    font-weight: 800!important;
    color:#545454;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#contact-section h2 {
    font-size: 28px !important;
    font-weight: 800!important;
    color:#545454;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#contact-section h3 {
    font-size: 26px !important;
    font-weight: 800!important;
    color:#545454;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#contact-section h4 {
    font-size: 22px !important;
    font-weight: 800!important;
    color:#545454;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif!important;
    letter-spacing: 1pt!important; 
}

#contact-section p {
    padding: 10px 0px !important;
    color:#545454!important;
    font-size:18px;
    text-decoration: none !important;
    font-weight: 400;
}

span.float-right {
    float: right;
}
#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;
	width:100%;
	max-height:150px;
	box-sizing: border-box;
	border-radius: 0px;
	border: 1px solid #CCC;
}

input[type="submit"] {
	max-width:150px;
	background-color:#D644AA;
	color:#FFF;
	border: 1px solid #D644AA;
	border-radius: 0px;
}

input[type="submit"]:hover {
	background: #2e2e2e!important;
	border: 1px solid #2e2e2e!important;
}

#footer-section {
	background: #272727!important;
	color: #fff!important;
	padding: 50px 0px!important;
}

#footer-section .fa {
	font-size: 30px!important;
	color: #D644AA!important;
	margin-right: 7px!important;
}

#footer-section .footer-list a {
color: #fff!important;
padding-right: 25px!important;
font-weight:500!important;
text-align:left!important;
}

#footer-section .footer-list a:hover {
text-decoration: none!important;
}