/*

Theme Name: random

Theme URI: http://london-webdesign.co.uk

Description: this theme only design for scan solutions

Author: Ibrahim

Author URI: http://london-webdesign.co.uk

Version: 1.0

*/

body{font-family: 'Droid Sans', 'Source Sans Pro', sans-serif; font-size:18px; font-weight: normal; color: #242424; line-height: 24px;}

a{outline:none !important}

section .container{max-width: 1000px;}

img.alignright{float: right; margin-left: 10px;}

img.alignleft{float: left; margin-right: 10px;}

img.aligncenter{float: none; margin: 10px auto;}

.img-responisve{max-width:100%;}

h1,h2,h3,h4,h5,h6{font-weight: bold;}

.size30{font-size:30px;}

.size24{font-size:24px;}

.orange{color: #E25A4D;}

.light_blue{color: #159B81;}

.margin_b20{margin-bottom: 20px;}

.margin_b15{margin-bottom: 15px;}

.margin_b10{margin-bottom: 10px;}

.margin_b5{margin-bottom: 5px;}

.margin_b0{margin-bottom: 0 !important;}



/* buttons */

.blue_button{color:#fff; font-size:30px; display: inline-block; background-color: #159B81; line-height: 60px; padding: 0 20px; font-weight: bold; text-decoration: none !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  border:none;}

.blue_button:hover{color:#FED07A;}



.orange_button{color:#fff; background-color: #D53125; display: inline-block; text-decoration: none; font-weight: bold; font-size:18px; border:none; line-height: 60px;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.orange_button:hover{color:#FFD67F;}



/* =============  top section ============  */

section.top{background-color: #f3f3f3; border-bottom: 1px solid #eaeaea; font-family:'Source Sans Pro', sans-serif; text-align: right; padding: 7px 0;}

section.top img{vertical-align: text-top;}

section.top p{margin-bottom: 0;}



/* =============  header section ============  */

section.header{background: url('img/bg-header.png'); padding: 15px 0; color:#000; -webkit-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.61);

-moz-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.61);

box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.61);}

section.header .logo{padding-right: 0;}



section.header .site_menu{padding-left: 0;}

/* main menu */

.main_menu{padding: 0; margin: 0; list-style: none; text-align: right; font-size:17px;}

.main_menu>li{display: inline-block; position: relative;}

.main_menu>li>a{text-decoration: none; color:#000; border:2px solid transparent; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding:5px;}

.main_menu>li>a:hover, .main_menu>li>a:active, .main_menu>li.active>a{border:2px solid #159B81; }



.main_menu>li.contact_menu a{background-color: #D53125; color: #fff; border:2px solid #D53125; font-weight: bold;}

.main_menu>li.contact_menu:after{content:""; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;	border-top: 10px solid #D53125; display: inline-block; position: absolute; top: 100%; left: 50%; transform:translateX(-50%);}



/* mobile menu */

.header .mobile_menu{padding-top: 20px;}

.header .mobile_menu .navbar-collapse{border:2px solid #159B81; background: #159B81; color:#fff;  -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; }

.header .mobile_menu .navbar-collapse a{ color:#fff;}

.header .mobile_menu .navbar-collapse a:hover, .header .mobile_menu .navbar-collapse  a:active,

.header .mobile_menu .navbar-collapse a:focus, .header .mobile_menu .navbar-collapse li.active a{ color:#FFD37C; background: none;}

.header .nav_butt{background: #159B81;}

.header .navbar-toggle .icon-bar{background: #fff;}

.header .navbar-toggle:focus .icon-bar{background: #FFD47C;}



/* ======== home page ======== */

.home_boxes{padding: 20px 0 30px;}

.home_boxes .box{text-align: center;}

.home_boxes .box>div{background-color: #F7F8F8; border:2px solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:0 10px 30px; -webkit-box-shadow: 0px 0px 15px 0px rgba(3,3,3,0.11);

-moz-box-shadow: 0px 0px 15px 0px rgba(3,3,3,0.11);

box-shadow: 0px 0px 15px 0px rgba(3,3,3,0.11);}

.home_boxes .box .box_title{font-size:44px; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 0;}

.home_boxes .box .box_logo{margin: 15px 0 30px; max-width:100%;}

.home_boxes .box .box_content{font-size:16px;}



.home_boxes #box1>div{border-color:#F9E9E7;}

.home_boxes #box1 .box_title, .home_boxes #box1 .box_subtitle{color:#e74c3c;}

.home_boxes #box2>div{border-color:#E1F1EE;}

.home_boxes #box2 .box_title, .home_boxes #box2 .box_subtitle{color:#159b81;}

.home_boxes #box3>div{border-color:#DEEEF5;}

.home_boxes #box3 .box_title, .home_boxes #box3 .box_subtitle{color:#178ab9;}



/* ======== page area section ======== */

section.page_area{margin:30px 0 0;}

section.page_area a{color:#d02425; font-weight: bold;}

section.page_area a:hover{color:#159b81; text-decoration: none;}



/* ======== PPC page section ======== */

.page_boxes{padding:40px 0;}

.page_boxes>.left{border-right:2px dotted #d8d8d8}

.page_boxes .box {font-size:16px; margin-top: 100px; margin-bottom: 40px;}

.page_boxes .box .header{font-size:18px; font-weight: bold;}









/* =============  bottom section ============  */

section.bottom{background-color: #F8F8F8; border:4px solid #F1F1F1; padding:25px 0;}

section.bottom .top{padding-bottom: 30px;}

section.bottom .top{padding-bottom: 30px;}

section.bottom .top .right{text-align: right; padding-right: 6%; padding-top: 20px;}

section.bottom .top .left{padding-right: 0;}

section.bottom .form-horizontal .control-label{text-align: left;}



section.bottom .form-horizontal .group4 label{padding-right: 0;}

section.bottom .form-horizontal .group4 textarea{height: 94px;}

section.bottom .form-horizontal .group6 .orange_button{width: 100%;}

section.bottom .form-control{border:1px solid #D53125}



/* =============  footer section ============  */

section.fottom {font-size:13px; padding: 15px 0 40px;}

section.fottom .copyright p{margin-top:8px;}

section.fottom .copyright a, section.fottom .copyright{color: #383838;  text-decoration: none; line-height: 18px;}

section.fottom .copyright a:hover{color:#666;}

section.fottom .footer_menu{text-align: right;}

section.fottom .footer_menu a{color: #696969; text-decoration: none; padding-left: 20px;}

section.fottom .footer_menu a:hover{color:#000}



@media (max-width:991px) {

	.home_boxes .box .box_title{font-size:30px;}

	.page_boxes .box>.left{width: 100%;}

	.page_boxes .box>.right{width: 100%;}

	section.bottom .top .right{ padding-right: 2.6%; padding-left:0; padding-top: 20px;}

}



@media (max-width:767px) {

	section.header #site_logo{width: calc(100% - 70px); display: inline-block;}

	.home_boxes .box .box_title{font-size:44px;}

	.home_boxes .box { max-width:400px; padding-bottom: 20px; float: none; margin: 0 auto;}

	.page_boxes>.left{border-right:none;}

	.page_boxes .box>.left{width: 20%; padding-right: 0;}

	.page_boxes .box>.right{width: 80%;}

}



@media (max-width:600px) {

	section.fottom .footer_menu{width: 100%; text-align: left; }

	section.fottom .footer_menu a{padding:0 20px 0 0  ;}

	section.fottom .copyright{width: 100%;}

	.page_boxes .box>.left{width: 25%;}

	.page_boxes .box>.right{width: 75%;}

}

@media (max-width:480px) {

	section.bottom .top .right{width: 100%;}

	section.bottom .top .left{width: 100%;}

}



@media (max-width:400px) {

	img.img-responisve.nf400{float: none; display: block; margin: 0 auto;}

	.page_boxes .box>.left{width: 100%;}

	.page_boxes .box>.right{width: 100%;}

}



@media (max-width:350px) {

	.home_boxes .box .box_title{font-size:30px;}

}