/* 
COLOURS
#0115e6	BLUE
*/


/* 
########################################
########################################
XS Styles less than 768px - No media query since this is the default in Bootstrap 
########################################
########################################
*/


/* SITE WIDE */
html, body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 { text-align:center; font-size:30px; padding:20px 0 20px 0; margin:0;}
h1.h1_adjust {border-bottom:1px solid #000; margin-bottom:20px;}
h2 {font-size:22px; padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:15px;}
h3 { font-size:13px;}
h5 { width:100%; padding:12px; margin:0; background:#000; color:#fff;}
h6 { text-align:center; font-size:14px; margin:10px 0 0 0;}
h6.h6_header { margin:0; padding:15px 0 0 0;}
p { margin-bottom:20px; text-align:left; text-align:justify; line-height:20px; font-weight:normal;}
a { color:#0115e6; text-decoration:none;}
a:hover { color:#0115e6; text-decoration:underline;}
.marg_tp_5 { margin-top:5px;}
.marg_bt_20 { margin-bottom:20px;}
.marg_bt_30 { margin-bottom:30px;}
.marg_bt_40 { margin-bottom:40px;}
.marg_bt_50 { margin-bottom:50px;}


/* HEADER */
#sb-site { padding-top: 60px; background: #DCDCDC url('/images/site_background.jpg') 0 0 repeat-x;}
.jf_navbar { padding-top:5px; padding-bottom:5px;}
.navbar-right { margin-right: 0 !important;}
.sb-slidebar { background:#b9b9b7;}
.sb-slidebar a { color:#fff;}
.navbar .sb-toggle-right { padding-right: 0px; }
.mobile-menu-toggle { display:inline-block; position:relative; /*top:-1px;*/}
.mobile-menu-toggle .icon-bar { display:block; width:20px; height:3px; border-radius:1px; background-color:#000; transition:transform 2000ms,width 1500ms;}
.mobile-menu-toggle .icon-bar + .icon-bar { margin-top:6px;}
.sb-active-right .mobile-menu-toggle .icon-bar:nth-child(2) { width:0; position:relative; top:3px;}
.sb-active-right .mobile-menu-toggle .icon-bar + .icon-bar { margin:0px;}
.sb-active-right .mobile-menu-toggle .icon-bar:nth-child(1) { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:relative; top:6px;}
.sb-active-right .mobile-menu-toggle .icon-bar:nth-child(3) { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:relative; top:0;}
.sb-menu { padding: 0; margin: 0; list-style-type: none;}/* Apply to <ul> or <ol>. */
.sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */}
.sb-menu > li:first-child { border-top: none; /* Removes top border from first list item.. */}
.sb-menu > li:last-child { border-bottom: none; /* Removed bottom border from last list item. */}
.sb-menu li a { width: 100%; /* Makes links full width. */ display: inline-block; padding: 1.4em; /* Creates an even padding the same size as your font. */ color: #000; text-align: right; letter-spacing:1px; font-size: 14px; background-image: none; border-right: 3px solid transparent;}
.sb-menu li a:hover, .sb-menu li a.current { text-decoration: none; background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */ color: #0115e6; border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }


/* HOVEREX STYLES */
.tpl6 .bg { height:100%; width:100%; background-color:#444; background-color:rgba(0,0,0,.5); text-align:center; }
.tpl6 h3 { background-color:000; background-color:rgba(0,0,0,.8); color:#fff; margin:0; padding:8px; font-size:16px; font-weight:bold; text-shadow:1px 1px 3px #000; box-shadow:0 0 5px rgba(0,0,0,.5); }
.tpl6 img { padding:2px; background:#fff; border:1px solid #000;}
.tpl6 .btn { display:inline-block; padding:10px; background:#0115e6; background:rgba(1,21,230,.7); text-decoration:none; position:relative; top:30%; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.3); }
.tpl6 .btn span { color:#fff; padding:0 2px; font-weight:bold; }
.tpl6 .btn_partners { margin-top:35px;}
.tpl4 .bg, .tpl4 .content { position:absolute; width:100%; height:100%; }
.tpl4 .bg div { width:100%; height:100%; display:inline-block; *zoom:1; *display:inline; background-color:#aaa; background-color:rgba(0,0,0,.6); }
.tpl4 .content .info-title { color:#fefefe; font-size:18px; margin:0; padding:10px; text-shadow:1px 1px 2px rgba(0,0,0,.5); background-color:#999; background-color:rgba(0,0,0,.7); }
.tpl4 .content .detail { padding: 8px 10px; font-size:10px; line-height:1.3em; color:#fdfdfd; text-shadow:1px 1px 1px rgba(0,0,0,.3); }
.tpl4 .content .more { text-decoration: none; position:absolute; bottom:0; right:0; font-size:13px; padding:5px 8px; color:#fff; background-color:#FFF; background:rgba(0,0,0,.5); border-radius:5px 0 0 0; }
.tpl4 .content .associate_h3 {font-size:13px;}
.tpl4 .content .associate_detail {font-size:10px;}


/* DONUT */
.home_intro { margin-bottom:20px;}
.jf_home_intro_caption { background:#000; color:#fff; width:100%; padding:20px; font-size:18px;}
.home_panels { margin-top:15px;}
.coaching_panels { margin-bottom:20px;}
.about_intro { margin-bottom:10px;}
.about_intro .content { text-align:center; position:relative;}
.about_intro .btn_container { position:absolute; top:40%; width:100%; text-align:center;}
.banner_container { width:100%; position:relative; padding:5px; border:1px solid #000; background:none;}
.banner { width:100%; position:relative;}
.intro_image img { padding:5px; border:1px solid #000; background:none;}
.video_1, .video_2, .video_3 { width:100%; padding:5px; display:block; background:#000;}
.video_1:hover, .video_2:hover, .video_3:hover { background:#0115e6; cursor:pointer;}
.video_1 { margin:5px 0 0 0;}
.video_2, .video_3 { margin:5px 0 20px 0;}
.video_logo { margin-left:10px;}
.video_text { color:#fff; margin:20px 0 0 20px;}
.video_link { background:url(/images/video_link.png) 0 0 no-repeat; width:50px; height:42px; margin:10px 10px 0 0;}
.link_pdf_a { text-decoration:none !important;}
.link_pdf_a:hover { color:#fff;}
.link_pdf_container { width:100%; padding:14px 5px; display:block; background:#000; margin:5px 0 30px 0;}
.link_pdf_container:hover { background:#0115e6; cursor:pointer;}
.link_pdf_container_adj { margin-bottom:0;}
.link_pdf_text { color:#fff; margin:11px 0 0 5px;}
.link_pdf_logo_left { background:url(/images/link_pdf_logo_left.png) 0 0 no-repeat; width:32px; height:32px; margin:5px;}
.jf_modal_position { margin-top:60px;}
.associate_image img, .fancybox_images img, .partners_images img { border:1px solid #000; padding:2px; background:#fff;}
.about_images, .associate_images, .fancybox_images, .partners_images { margin-bottom:20px;}
.company_details { padding-top:20px;}
.map-container { position:relative; margin-bottom:20px; border:1px solid #000; padding:5px;}
#map { height:0; overflow:hidden; height:300px; position:relative;}
span#scotland_drone_video { color:#0115e6;}
span#scotland_drone_video:hover { color:#0115e6; text-decoration:underline; cursor:pointer;}
.jf_ie_img_fix { width:100%;}


/* FORM */
form#contact_form label { font-weight:normal;}
form#contact_form .input-group { width:100%; display:inline !important;}
form#contact_form input, form#contact_form select, form#contact_form textarea { width:100%; padding:8px;}
form#contact_form input.button:hover { background:#0115e6; color:#fff;}


/* FOOTER */
#footer { margin-top:20px;}
.testimonial { font-size:12px; text-align:justify;}
.testimonial_seperator { width:100%; height:12px; border-top:1px solid #000; margin-top:20px;}
.testimonial_seperator img { margin-top:-13px;}
.testimonial_link { font-size:11px; text-align:center; padding-top:0; margin-bottom:30px;}
.copyright, .creator { font-size:11px; text-align:center; padding-top:10px;}
.horizontal_line { width:100%; height:1px; display:block; background:#000;}









@media (max-width : 768px) {

}
/* 
########################################
########################################
SM Styles 768px and up 
########################################
########################################
*/
@media (min-width : 768px) {
#sb-site { padding-top: 80px;}
.navbar .sb-toggle-right { padding-top:28px; }
.home_intro { margin-bottom:35px;}
.paragraph_adjust_01 { margin-bottom:40px;}
h1 { padding:40px 0 35px 0;}
h1.h1_adjust {margin-bottom:40px;}
.home_panels { margin-top:0;}
.about_intro { margin-bottom:35px;}
.video_1, .video_2 { margin:5px 0 40px 0;}
.link_pdf_container { padding:14px; margin:5px 0 50px 0;}
.link_pdf_text { margin:11px 0 0 20px;}
.jf_modal_position { margin-top:120px;}
#footer { margin-top:35px;}
.testimonials_link { margin-bottom:20px;}
.footer_logo { margin-top:45px;}
.copyright { text-align:left;}
.creator { text-align:right;}
.company_details { padding-top:0;}
form#contact_form label { padding-top:10px;}
form#contact_form input.button { width:30%;}
.jf_form_adjust { margin-bottom:20px;}
}
@media (max-width : 992px) {
.nav-container { width:100% !important;}
}
/* 
########################################
########################################
MD Styles 992px and up
########################################
########################################
*/
@media (min-width : 992px) {
.jf_header_left_bg, .jf_header_right_bg, .jf_header_middle_bg { background:url(/images/jf_header_bg.png) 0 0 repeat-x; width:100%; height:120px; position:absolute; top:0; z-index:-100;}
.jf_header_left_bg { left:15px;}
.jf_header_right_bg { right:15px;}
.jf_header_middle_bg {}
.jf_header_left_nav, .jf_header_right_nav { padding-top:20px;}
.jf_header_left_nav a { margin-right:28px;}
.jf_header_right_nav a { margin-left:9px;}
a.a_last_left { margin-right:0;}
a.a_last_right { margin-left:0;}
a:hover, a.current { color:#000;}
.footer_logo { margin-top:30px;}
#sb-site { padding-top: 120px;}
}
@media (max-width : 1200px) {
}
/* 
########################################
########################################
LG Styles 1200px and up
########################################
########################################
*/
@media (min-width : 1200px) {
.jf_header_left_nav a { margin-right:43px;}
.jf_header_right_nav a { margin-left:24px;}
.footer_logo { margin-top:15px;}
}