/*
Theme Name: Nerdrum
Theme URI: http://wordpress.org/themes/nerdrum
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: nerdrum

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

@font-face {
    font-family: 'josef_prolight';
    src: url('css/fonts/josef_pro_light-webfont.eot');
    src: url('css/fonts/josef_pro_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/josef_pro_light-webfont.woff') format('woff'),
         url('css/fonts/josef_pro_light-webfont.ttf') format('truetype'),
         url('css/fonts/josef_pro_light-webfont.svg#josef_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('css/fonts/roboto-bold-webfont.eot');
    src: url('css/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/roboto-bold-webfont.woff') format('woff'),
         url('css/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('css/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('css/fonts/sourcesanspro-semibold-webfont.eot');
    src: url('css/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('css/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('css/fonts/roboto-regular-webfont.eot');
    src: url('css/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/roboto-regular-webfont.woff') format('woff'),
         url('css/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('css/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'source_sans_proregular';
    src: url('css/fonts/sourcesanspro-regular-webfont.eot');
    src: url('css/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('css/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('css/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {  
  color: #5a5a5a;
  background:url(images/bg.png) top center repeat;
  background-size:100%;
  background-attachment:fixed;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px; /* the bottom margin is the negative value of the footer's height */
	padding-bottom: 48px;
}
.footer, .push {
	height: 61px; /* .push must be the same height as .footer */
}
.wrapper {
	position: relative;

}
.footer {
	position: relative;
	
	margin: 0 auto;
	
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  /*background: rgba(246, 246, 233, 0.7);*/
  background: rgba(246, 246, 233, 0.77);
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-collapse{text-align:center;}
.navbar-nav{
	float: none;
	display: inline-block;
	width: auto;
}

.nav > li > a {
	padding: 6px 0 3px;
	padding-right: 62px;
	padding-right: 75px;
	text-transform:uppercase;
	font-family:'josef_prolight';
}
.nav > li.last a{padding-right:0; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 34px;
	float: left;
	width: 100%;
}
.carousel .col-lg-12{ 
/*  background:url(images/banner-bg.png) 100%;*/
  padding: 5px;
	float: left;	
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

#myCarousel .col-lg-8{
	width: 760px;
	height: 468px;
	overflow: hidden;
}
#myCarousel .col-lg-4{
	width: 370px;
}
#myCarousel .col-lg-8,
#myCarousel .col-lg-4{
	padding:0;
	border: 1px solid #030405;
}

#myCarousel .col-lg-4{
	border-left:0;
	background:rgba(248, 247, 226, 0.85);
	background:#faf7e9;
	padding:6px;
	height: 468px;
}

.intro-text{
	padding:25px;
	float:left;
	width:100%;
	height:100%;
	border: 1px solid #030405;
	font-family:'source_sans_prosemibold';
	color:#363636;
	letter-spacing:0.3px;
}
.intro-text h3{
	text-align: center;
	padding: 0;
	margin: 4px 0 16px;
	border-bottom: 1px solid #bdbdb4;
	padding-bottom:10px;
	font-size:23px;
	text-transform:uppercase;
}
.intro-text h5{
	font-size: 18px;
	text-align: center;
	line-height:26px;
	margin-bottom:26px;
	letter-spacing: 0;
}
.intro-text h6{
	font-size: 15px;
	line-height: 26px;
	text-transform: uppercase;
	margin: 10px 0 11px;
	border-bottom: 1px solid #bdbdb4;
	padding-bottom: 10px;
	padding-top: 17px;
}
.intro-text p{
	font-size:15px;
	text-align:center;
	font-family:'source_sans_proregular';
	line-height:26px;
}
.intro-text span{
	
	color:#323232;
	font-size: 14px;
	font-family: 'robotoregular';
}
.intro-text span.left{float:left;}
.intro-text span.right{float:right;}
.intro-text span img{margin-right:5px;}

.boxes .col-lg-4{width:376px;padding:5px;}
.boxes .graybox{
	height:95px;
	width:374px;
	border:1px solid rgba(0,0,0,0.55);
	background:url(images/gray-pattern-bg.png) repeat;
}
.boxes .blackbox{
	height:95px;
	width:374px;
	border:1px solid rgba(0,0,0,0.55);
	background:url(images/black-pattern-bg.png) repeat;
	margin: 0 9px;
}
.boxes .borderbox{
	border: 1px solid rgba(124, 137, 135, 0.55);
	padding: 11px 16px;
	border-bottom:0;
	height:89px;
	letter-spacing:0.5px;
}
.boxes .borderbox h6{
	color:#daeef8;
	font-family:'robotobold';
	font-size:16px;
	text-align:center;
	margin-top:0;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(124, 137, 135, 0.55);
	line-height:16px;
	text-transform:uppercase;
}
.boxes .borderbox p{
	color:#fff;
	font-family: 'source_sans_proregular';
	font-size:14px;
	line-height:16px;
	text-align:center;
}

.thickborder{
	height:6px;
	background:url(images/opq-black-pattern.png) repeat;
	float: left;
	width: 100%;
	margin-bottom:55px;
}

/**** footer ****/

footer{
	background:url(images/opq-black-pattern.png) repeat;	
	height:61px;
	padding-top:18px;
	text-align:center;
}
footer ul{
	width:auto;
	float:none;
	display:inline-block;
	list-style:none;
	font-size: 13px;
	font-family: 'robotoregular';
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#cccdd9;
	padding:0;
}
footer ul > li a{
		
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#cccdd9;
}
footer ul > li a:hover{text-decoration:underline;color:#cccdd9;}
footer ul > li{
	float:left;
	padding:0 20px;
	border-right:1px solid #44454d;
}
footer ul > li.first{padding-left:0;}
footer ul > li.last{border:none;padding-right:0;}

.col-lg-12{width:100%;}

#contactbox{
	border-left: 0;
	background:rgba(245, 245, 229, 0.98);
	padding: 6px;
	float:left;
	width:100%;
	border: 1px solid #030405;
}

.borderframe{
	padding: 44px 60px 28px;
	width: 100%;
	height: 100%;
	border: 1px solid #030405;
	font-family: 'source_sans_prosemibold';
	color: #363636;
	letter-spacing: 0.3px;
	float:left;
}

.borderframe h3 {
	text-align: left;
	padding: 0;
	margin: 0 0 33px;
	border-bottom: 1px solid #bdbdb4;
	padding-bottom: 14px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'robotobold';
	line-height: 17px;
	color:#464646;
	font-weight:normal;
}
.contact-details{
	width:345px;
	background:url(images/contact-divider.png) right 5px no-repeat;
	padding-right: 57px;
	margin-right: 57px;
	float:left;
	color: #464646;
	font-size: 14px;
	font-family: 'robotoregular';
}
.contact-details a,.contact-details a:hover{	
	color: #464646;	
}
.contact-form{
	width: 602px;
	float: left;
}
.contact-details span{margin-bottom:12px;}
.contact-details span.full{width:100%;}
.contact-details span.left{float:left;}
.contact-details span.right{float:right;}
.contact-details span img{margin-right:7px;}

.map{position:relative;float:left;margin-top: 7px;}
.mapframe{
	position:absolute;
	top:0;
	width:289px;
	height:227px;
/*	background:url(images/map-frame.png) no-repeat;*/
	border: 1px solid rgba(0,0,0,0.22);
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(243, 243, 243, 0.55);
	-moz-box-shadow:    inset 0px 0px 0px 3px rgba(243, 243, 243, 0.55);
	box-shadow:         inset 0px 0px 0px 3px rgba(243, 243, 243, 0.55);
}

.contactform{color:#464646;position:relative;float:left;width:100%;font-size: 13px;font-family: 'robotoregular';}
.contactform .row{float:left;width:100%;margin-bottom:16px;margin-left: 0;}
.contactform .half{float:left;width:49%;}
.contactform .half.left{margin-right:2%;}

input[type='text'],input[type='email'],textarea{
	width:100%;
	border:1px solid #aaaaa9;
	background:#fff;
	outline:none;
	box-shadow:none;
	height:33px;
	border-radius:0;
	-webkit-appearance:none;
}
input[type='submit']{
	outline:none;
	border:none;
	background:#131315;
	color:#fff;
	text-transform:uppercase;
	padding:0 14px;
	line-height:26px;
	font-size: 14px;
	font-family: 'robotoregular';
	
	position:absolute;
	bottom:39px;
	right:4px;
	border-radius:0;
	-webkit-appearance:none;
}
input[type='submit']:hover{color:#bbb;}

textarea{
	max-width:100%;	
	height:128px;
	resize:none;
}
.subpage-content{padding-top:5px;padding-bottom: 48px;}
.map iframe{border:none !important;}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    height: 115px;
	margin-bottom: 15px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
   
  }

}

@media (min-width: 992px) {
 	
}
@media (min-width: 1025px) {
 	.navbar-collapse.collapse {height: 31px;}
}

@media (min-width:1906px) and  (max-width: 1920px) and (min-height: 1200px){
	/*.content{min-height: 1009px;}*/
}
@media (min-width:1906px) and  (max-width: 1920px) and (max-height: 1080px){
	/*.content{min-height: 889px;}*/
}
@media (min-width:1681px) and  (max-width: 1905px) {
	/*.content{min-height: 754px;}*/
}
@media (min-width:1601px) and  (max-width: 1680px) {
	/*.content{min-height: 859px;}*/
}
@media (min-width:1367px) and  (max-width: 1600px) {
	/*.content{min-height: 709px;}*/
}
@media (min-width:1281px) and  (max-width: 1366px) {
	/*.content{min-height: 577px;}*/
}
@media (min-width:1200px) and  (max-width: 1280px) {
	/*.content{min-height: 609px;}*/
}
@media (min-width:1025px) and  (max-width: 1199px) {
	/*.content{min-height: 609px;}*/
	
	#myCarousel .col-lg-8 {width: 610px;height:378px;float:left;}
	#myCarousel .col-lg-4 {width: 320px;float:left;height: 378px;}
	.intro-text h3 {margin: 4px 0 6px;padding-bottom: 0px;font-size:22px;}
	.intro-text h5 {margin-bottom: 5px;font-size: 16px;line-height: 20px;}
	.intro-text p {line-height: 22px;}

	.intro-text h6 {margin: 10px 0 5px;padding-bottom: 0px;padding-top: 0;}
	.intro-text {padding: 10px 25px;}
	
	.intro-text span{width:100%;}
	
	.boxes .graybox, .boxes .blackbox {
		width: 32.66%;
		float: left;
		height: 105px;
	}
	.boxes .blackbox {		
		margin:0 1%
	}
	.boxes .borderbox {height: auto;}
	
	footer {height: auto;}	
	footer ul > li {margin-bottom: 10px;padding: 0 10px 0 0;margin-right: 10px;}
		
	.nav > li > a{padding-right: 74px;}
	.navbar-collapse.collapse {height: 31px;}
	.navbar-collapse{padding-top:0;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 115px;margin-bottom: 16px;}
	
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details {width: 309px;padding-right: 20px;margin-right: 20px;}
	.contact-form {width: 555px;}
	
}



@media (min-width:992px) and  (max-width: 1024px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	
	#myCarousel .col-lg-8 {width: 610px;height:378px;float:left;}
	#myCarousel .col-lg-4 {width: 320px;float:left;height: 378px;}
	.intro-text h3 {margin: 4px 0 6px;padding-bottom: 0px;font-size:22px;}
	.intro-text h5 {margin-bottom: 5px;font-size: 16px;line-height: 20px;}
	.intro-text p {line-height: 22px;}

	.intro-text h6 {margin: 10px 0 5px;padding-bottom: 0px;padding-top: 0;}
	.intro-text {padding: 10px 25px;}
	
	.intro-text span{width:100%;}
	
	.boxes .graybox, .boxes .blackbox {
		width: 32.66%;
		float: left;
		height: 105px;
	}
	.boxes .blackbox {		
		margin:0 1%
	}
	.boxes .borderbox {height: auto;}
	
	footer {height: auto;}	
	footer ul > li {margin-bottom: 10px;padding: 0 10px 0 0;margin-right: 10px;}
		
	.nav > li > a{padding-right: 74px;}
	.navbar-collapse.collapse {height: 31px;}
	.navbar-collapse{padding-top:0;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 115px;margin-bottom: 16px;}
	
/*	.content{min-height: 570px;}*/
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details {width: 309px;padding-right: 20px;margin-right: 20px;}
	.contact-form {width: 555px;}
	/*.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 14px;}
	#contactbox {margin-bottom: 24px;}*/
}
@media (min-width:769px) and  (max-width: 991px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {		
		width:32.66%;
		float:left;
		height:130px;
	}
	.boxes .blackbox {		
		margin:0 1%
	}
	.boxes .borderbox {height: auto;}
	
	footer {height: auto;}	
	footer ul > li {margin-bottom:10px;padding:0 20px 0 0;margin-right:20px;}
		
	.nav > li > a{padding-right: 37px;}
	.navbar-collapse{padding-top:20px;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	/*.content{min-height: 358px;}*/
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 33px;}
	#contactbox {margin-bottom: 24px;}
}
@media (min-width:641px) and  (max-width: 768px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {		
		width:32.66%;
		float:left;
		height:130px;
	}
	.boxes .blackbox {		
		margin:0 1%
	}
	.boxes .borderbox {height: auto;}
	
	footer {height: auto;}	
	footer ul > li {margin-bottom:10px;padding:0 20px 0 0;margin-right:20px;}
		
	.nav > li > a{padding-right: 37px;}
	.navbar-collapse{padding-top:20px;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	/*.content{min-height: 779px;}*/
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom:33px;}
	#contactbox {margin-bottom: 24px;}
}
@media (min-width:481px) and  (max-width: 640px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {
		height: auto;
		width: 100%;
		margin:0;
	}
	.boxes .borderbox {height: auto;border: 1px solid rgba(124, 137, 135, 0.55);}
	
	footer {height: auto;}	
	footer ul > li {padding: 5px 0;border:none;width:100%;border-bottom: 1px solid #44454d;}
		
	.nav > li > a{padding-right:0;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 33px;}
	#contactbox {margin-bottom: 24px;}
}
@media (min-width: 361px) and  (max-width: 480px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {
		height: auto;
		width: 100%;
		margin:0;
	}
	.boxes .borderbox {height: auto;border: 1px solid rgba(124, 137, 135, 0.55);}
	
	footer {height: auto;}	
	footer ul > li {padding: 5px 0;border:none;width:100%;border-bottom: 1px solid #44454d;}
		
	.nav > li > a{padding-right:0;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 33px;}
	#contactbox {margin-bottom: 24px;}
}
@media (min-width: 321px) and  (max-width: 360px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {
		height: auto;
		width: 100%;
		margin:0;
	}
	.boxes .borderbox {height: auto;border: 1px solid rgba(124, 137, 135, 0.55);}
	
	footer {height: auto;}	
	footer ul > li {padding: 5px 0;border:none;width:100%;border-bottom: 1px solid #44454d;}
		
	.nav > li > a{padding-right:0;}
	
	.thickborder {margin-bottom: 35px;}
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 33px;}
	#contactbox {margin-bottom: 24px;}
}
@media (min-width: 0px) and  (max-width: 320px){
	
	.carousel .col-lg-12 {background: url(images/banner-bg.png) repeat;}
	#myCarousel .col-lg-8,
	#myCarousel .col-lg-4{width: 100%;height:auto;float:left;}
	#myCarousel .col-lg-4{border: 1px solid #030405;border-top:0;}
	.intro-text span{width:100%;}
	
	.boxes .graybox,
	.boxes .blackbox {
		height: auto;
		width: 100%;
		margin:0;
	}
	.boxes .borderbox {height: auto;border: 1px solid rgba(124, 137, 135, 0.55);}
	
	footer {height: auto;}	
	footer ul > li {padding: 5px 0;border:none;width:100%;border-bottom: 1px solid #44454d;}
		
	.nav > li > a{padding-right:0;}
	
	.thickborder {margin-bottom: 35px;}
	
	.navbar-wrapper {height: 134px;margin-bottom: 16px;}
	
	
	/*** subpage content ***/
	
	.borderframe {padding: 20px;}
	.contact-details span{width:100%;}
	.contact-details {
		width: 100%;
		background: none;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.map {width: 100%;}
	.map img{width:100%;height: 170px;}
	.mapframe {width: 100%;height: 170px;}
	.map iframe{width: 100%;height: 170px;}
	
	.contact-form {width: 100%;}
	.contactform .half {width: 100%;}
	.contactform .half.left {margin-right:0;margin-bottom: 10px;}
	.contactform .row {margin-bottom: 10px;}
	input[type='submit'] {bottom: 33px;}
	#contactbox {margin-bottom: 24px;}
}




/*---------02-10-2014---------------*/

.borderframe h2 {text-align: left; padding: 0; margin: 0 0 22px; border-bottom: 1px solid #bdbdb4; padding-bottom:25px; font-size: 17px; font-family: 'robotobold'; line-height: 17px; color:#464646; font-weight:normal;}
.omossdetails {color:#464646; font-size:14px; line-height:24px; font-family: 'robotoregular'; letter-spacing:0.7px;}
.omossdetails strong {font-family: 'robotobold'; font-weight:normal;}
.omossdetails p {line-height:24px; margin-bottom:23px;}


/*---------- H ------------*/
h1, h2, h3, h4, h5, h6 {	margin:0 0 10px 0;	padding:0;	font-weight:normal;}
.innercontent h1 {font-size:36px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}
.innercontent h2 {font-size:24px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}
.innercontent h3 {font-size:20px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}
.innercontent h4 {font-size:18px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}
.innercontent h5 {font-size:16px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}
.innercontent h6 {font-size:14px; color:#000000; margin-bottom:10px; padding-bottom:0px; border-bottom:none; line-height:normal;}


.innercontent{margin-top:20px;}
/*-------- inner left -------*/
.innerleftside{float:left; width:290px; margin-right:30px; background:url(images/category_right_border.png) repeat-y right top; padding-right:10px;}
.leftsidemenu{margin-bottom:20px;}
.innerleftside h2{color:#004e97; border-bottom:1px dashed #c6c6c6; padding-bottom:10px;}
.leftsidemenu ul{margin:0;}
.leftsidemenu ul li{line-height:28px; margin-bottom:1px;}
.leftsidemenu ul li a{color:#7f7f7f; display:block;}
.leftsidemenu ul li:hover a, .leftsidemenu ul li.active a{color:#000000;}

.leftsidenews{margin-bottom:20px;}
.latestnewsleft{float:left; margin-right:10px; background:#3b3b3b; width:80px; overflow:hidden;}
.latestnewsright{float: left; width: 200px;}
.latestnewsbox{border-top:1px dashed #d2d2d2; padding-top:10px; margin-top:10px; overflow:hidden;}
.latestnewsbox.first{border-top:0px dashed #ececed; padding-top:0px; margin-top:0px;}
.datefont{font-size:40px; text-align:center; color:#FFFFFF;}
.monthfont{font-size:13	px; background:#222222	; text-align:center; padding:5px; color:#ffffff}

/*-------- inner right -------*/
.innerrightside{float:left; width:840px;}
.innercontent{width:100%; font-family: "robotoregular";}
.innercontent ul, .innercontent ol, .innercontent dd, .innercontent pre, .innercontent hr, .innercontent table{margin-bottom:20px;}
.innercontent p {line-height:24px; margin-bottom:23px;}
.innercontent hr{height:1px; border:0px;  clear:both; background:#bdbdb4;}
.innercontent a{color:#3366CC; text-decoration:none; }
.innercontent a:hover{color:#000000;}
.innercontent ins{background:#999999; color:#FFFFFF; }
.innercontent ul{ list-style-type:none;}
.innercontent ul li{ background:url(images/arrow.png) no-repeat left 5px; padding-left:14px; margin-bottom:5px; }
.innercontent ul li a{color:#000;}
.innercontent ul li a:hover{color:#626262;}
.innercontent ul li ul{margin:10px 0px 10px 15px;}
.innercontent table{ border:1px solid #cccccc; background-color:#fff; border-collapse:inherit !important; border-spacing:inherit !important;}
.innercontent table th{color:#333333; padding:5px;}
.innercontent table td{color:#333333; padding:5px; border-bottom:1px solid #f0f0f0;}
.innercontent pre{background:#f0f0f0; font-size:16px; font-family: 'roboto_condensedregular';  text-align:center; width:100%; float:left;}
blockquote, pre{ padding:0px; margin:0px; }
blockquote img{margin-right:10px;}
.grey_bg{background:#CCCCCC;}
.light_grey_bg{background:#f7f7f7;}
.light_grey_bg:hover, .innercontent table tr:hover{background:#f0f0f0;}

/*-------- image align -------*/
.innercontent img.size-auto, .innercontent img.size-full, .innercontent img.size-large, .innercontent img.size-medium, .innercontent .entry-attachment img, .innercontent .widget-container img{height: auto;
    max-width: 100%;}
img.alignleft, img.alignright, img.aligncenter{margin-bottom:20px;}
.alignleft, img.alignleft{display: inline; float: left; margin-right: 24px;  margin-top: 4px;}
.alignright, img.alignright{display: inline; float: right; margin-left: 24px;  margin-top: 4px;}
.aligncenter, img.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto;}
.wp-caption {
   line-height: 18px;
    margin-bottom: 20px;
    max-width: 100%;
    text-align: center; background:#ffffff; padding:4px;
}

.wp-caption p.wp-caption-text{color: #777777; font-size: 16px; margin-top:10px; margin-bottom:10px;}

div.wpcf7-validation-errors {border:none !important; }
div.wpcf7-response-output {padding-left:0px !important;}

.contctmsg {position:relative;}
.contctmsg .sendbtn {position:absolute !important; bottom:23px !important; right:4px !important;}
.div.wpcf7-mail-sent-ok{clear:both !important;}


.ansattepage {}
.ansattepage .row {margin-left:-12px; margin-right:-12px;}
.ansattepage .col-sm-2 {padding-left:12px; padding-right:12px; width:20%;}

.ansawhitebg {background-color:#f7f9fb; padding:9px 0px 10px 0px; border:1px solid #dedede; margin-bottom:19px; text-align:center; font-size:12px; font-family: 'robotoregular'; color:#5b5a57; min-height:136px}
.ansboxborder {background:url(images/box-border.gif) repeat-x bottom; padding-bottom:8px; min-height:60px; line-height:normal;}
.ansboxborder a {color:#57819e; text-decoration:underline;}
.ansboxborder a:hover {color:#57819e; text-decoration:none;}
.ansboxborder span {color:#57819e; font-style:italic; line-height:normal;}
.ansboxborder span.boxsmalltext {font-size:8.4px;}

.ansboxborder h3 {/*font-size:13px;*/ color:#464646; text-transform:uppercase; margin-bottom:7px; border:none; text-align:center; padding-bottom:0px; font-size:11px;letter-spacing:0.6px;}
.anscontact {padding-top:12px; line-height:normal;}
.anscontact span {display:block;}
.anscontact a{ text-decoration:underline;}
.anscontact a:hover { text-decoration:none;}
div.wpcf7-mail-sent-ok{ clear:both;color: green;}
div.wpcf7-validation-errors{
	clear: both;
    color: red;
}