
/***** BASE CSS *****/


/***** BOOTSTRAP CSS BASE OVERRIDE *****/

img#logo {
	margin: 0px 0px 0px 22px;
}

.navbar {
	background-image:none;
	border:none;
	box-shadow:none;
	margin-top:20px;
	}
	
.jumbotron {
	background:#808080;
	height: 415px;
}

.jumbotron h1, .jumbotron h2 {
	color:#FFFFFF;
	text-align: center;
}

.jumbotron-green {
	background:#009933;
	height: 415px;
}

.jumbotron-grey {
	background:#808080;
	height: 415px;
}
.jumbotron-blue {
	background:#003399; /*or 4285F4 000080 00004d 003399 000066 00004d*/
	height: 415px;
}
.jumbotron-purple {
	background:#6a148e;
	height: 415px;
}
.jumbotron-orange {
	background:#FF6600;
	height: 415px;
}

.text-center h1, h2 {
	color:#FFFFFF;
	margin-top: 20px;	
	margin-bottom: 10px;	
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 1.1;
}

.text-center h1 {
	font-size: 63px;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	margin: 5px 0px;
	padding-top: 25px;
	/*text-shadow: 0 0 12px #262a30;*/
}

.text-center h2 {
	font-size: 30px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	/*was font-family: "source_sans_proregular",sans-serif;*/
	margin-top: 25px !important;
	/*text-shadow: 0 0 4px #262a30;*/
}

.text-center {
	height: 415px;
	padding: 55px 10px 10px 5px;
	text-align: center;
	vertical-align: middle;
}

p.tag {
	color:#CCCCCC;
	font-size: 24px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;	
	line-height: 1.1;
	margin-top: 0px;	
	margin-bottom: 16px;
}

.jumbotron-green .jumbotron-grey .jumbotron-blue .jumbotron-purple .jumbotron-orange .contain {
	min-width:100% !important;
	padding: 10px 10px 10px 10px;
}

/* use architecturalrecruitment.com and recruitmentprofessionals.co.uk as max width benchmark to set viewport settings against */
@media only screen and (min-width: 980px) {
    .text-center h1 {
        font-size: 63px;
        padding-top: 33px;
	}
    .text-center h2 {
    	font-size: 30px;
     	margin-top: 10px;
    }
	p.tag {
    	font-size: 22px;
    	margin-top: 14px !important;
	}
}
/* No greater than 980px, no less than 768px */
@media only screen and (min-width:768px) and (max-width:979px) {
    .text-center h1 {
        font-size: 45px;
        padding-top: 40px;
	}
    .text-center h2 {
    	font-size: 26px;
    	margin-top: 10px;	
	}
	p.tag {
    	font-size: 19px;
    	margin-top: 10px !important;
    }
}

@media only screen and (min-width:500px) and (max-width:767px) {
    .text-center h1 {
        font-size: 38px;
        padding-top: 40px;
	}
    .text-center h2 {
    	font-size: 21px;
    	margin-top: 10px;
	}
	p.tag {
    	font-size: 18px;
    }
}

@media only screen and (min-width:360px) and (max-width:499px) {
    .text-center h1 {
        font-size: 21px;
        font-weight: 700;
        padding-top: 40px;
	}
    .text-center h2 {
    	font-size: 17px;
    	margin-top: 13px !important;
	}
	p.tag {
    	font-size: 16px;
   	}
	p.ideatext {
		font-size: 14px !important;
		line-height: 22px !important;
		padding: 5px 10px !important;
    }
}

@media only screen and (max-width: 359px) {
    .text-center h1 {
        font-size: 19px;
        font-weight: 700;
		padding: 35px 10px 0px 5px;
	}
    .text-center h2 {
    	font-size: 16px;
    	margin-top: 13px !important;
    }
    p.tag {
    	font-size: 15px;
   }
	p.ideatext {
		font-size: 13px !important;
		line-height: 20px !important;
		padding: 5px 10px !important;
    }
    .ideatext {
    display: block;
	}
}

/*.jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200;
	margin: 0px 0px 10px;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
}*/

.web{
	color:#3CA9E8;
	}

.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu .active > a, .navbar .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav-pills .open a.dropdown-toggle:hover {filter:none; color:rgb(255, 255, 255);background-color:#e05f03;background-image:none}

.navbar .nav-pills > li > a {margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:5px;color:#3CA9E8;
font-weight:600; font-size:14px;
}

.navbar .nav-pills > li > a:hover {margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:5px;color:#fff;  background-image: linear-gradient(#54B4EB, #2FA4E7 60%, #1D9CE5);
background-repeat: no-repeat;
filter: none;
}

.btn-primary:hover {
    color: #ffffff;
    background: #1684c2!important;
    border-color: #1684c2;
}

.salebtn{
	background: -webkit-linear-gradient(#0078BB, #00509D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0078BB, #00509D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0078BB, #00509D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0078BB, #00509D); /* Standard syntax (must be last) */
	border: 1px solid #00509D;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 10px 38px;
}

.salebtn:hover{
	background: #00509D!important;
	border: 1px solid #00509D;
	color: #fff;
}

.footer{
	background:#3CA9E8;
	color:#FFF;
	padding-top:20px;
	}

/*p.introtext {
    color:#474747;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6875;
    font-weight: normal;
    padding:0 0 0 0px;
    margin:0 0 25px 10px;
    text-align: left;
    vertical-align: baseline;
    background: transparent none repeat scroll 0% 0%;
}*/

#line {
	border-top: 1px dashed #d9d9d9;
	border-width: 100%;
}

/*#idea {
	width: 48%;
    height: 50px;
    margin:0 auto;
    padding: 27px 20px 0px 8px;
}*/

#idea {
	margin: 0px auto;
	height: 100%;
	padding: 27px 0px 0px 0px;
	width: 100%;
}

.ideatext {
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 42px;
    font-weight: 600;
    word-spacing: 1px;
	color:#3CA9E8; /*was 8c8c8c*/
	vertical-align: middle;
	padding: 0 0 0 9px;
}

/*img#bulb {
	display: inline;
	float: left;	
	width:44px;
	height: 44px;
	padding: 0 0 0 0;
}*/

img#bulb {
	display: inline;
	width: 44px;
	height: 44px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 23px;
}

/*ul.list {
	padding: 24px 0px 0px 40px;	
	width: 48%;
    height: auto;
    margin: auto;
	color: #24AAFF;
	text-align: left;
}*/

ul.list {
	height: auto;
	margin: auto;
	color: #24AAFF;
	text-align: left;
	width: 95%;
	padding: 6px 0px 20px 22px;
}

p.ideatext {
    padding: 0px 10px 0px 20px;
    width: 100%;
    margin:auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;
    word-spacing: 1px;
    color: #7e7e7e; /*was 8c8c8c*/
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: baseline;
    /*border-top: 1px dashed #d9d9d9;*/
    /*border-radius: 10px;*/
}


/***** ORIGINAL *****/

/*.navbar {
	background-image:none;
	border:none;
	box-shadow:none;
	margin-top:20px;
	}
	
.jumbotron{
	background:#fff;
}

.jumbotron h1, .jumbotron h2{
	color:#3CA9E8;
}

h3{
	color:#3CA9E8;
	}
	
.web{
	color:#3CA9E8;
	}

.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu .active > a, .navbar .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav-pills .open a.dropdown-toggle:hover {filter:none; color:rgb(255, 255, 255);background-color:#e05f03;background-image:none}

.navbar .nav-pills > li > a {margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:5px;color:#3CA9E8;
font-weight:600; font-size:14px;
}

.navbar .nav-pills > li > a:hover {margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:5px;color:#fff;  background-image: linear-gradient(#54B4EB, #2FA4E7 60%, #1D9CE5);
background-repeat: no-repeat;
filter: none;
}

.footer{
	background:#3CA9E8;
	color:#FFF;
	padding-top:20px;
	
	}*/
