.container-fluid { padding-left: 0; padding-right: 0; position: relative; }
/* 
.container { padding: 0; }
 */
.row { margin-left: 0; margin-right: 0; }


html { height: 100%; }

body {  
	line-height: 1.6; 
	font-family: "prenton", 'Open Sans',  sans-serif; 
	font-size: 16px; 
	min-height: 100%; 
	border: 10px #c3621c solid; 
	position: relative;
	background-color: #f5f5f5;
	color: #894513;
}

h1, h2, h3, h4, h5, h6 { font-family: "prenton-display", 'Open Sans', sans-serif; font-weight: 100; }

.diamond_right_orange { padding-bottom: 20px; margin-bottom: 20px; background: url('img/line_diamond_right_orange.png') right bottom no-repeat; }


ul { list-style-type: none; padding: 0;  }

.dashed_hr, #terms_content hr { border: 0; border-bottom: 1px dashed #c3621c; background: transparent; margin: 40px 0; }
.dashed_underline { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px dashed #c3621c; }

/* Header bar
------------------------------------------------------------------------------------------------*/
.header_bar { position: fixed; top: 0px; left: 0px; z-index: 100; height: 10px; width: 100%; background-color: #c3621c; }

#top-bar-wrap { padding: 0 0 30px 0;  }

/* img#dr_logo { padding-top: 40px; } */
div#title_img_2 { width: 100%; /* padding: 0 5%; */ }
div#title_img_2 a { display: block; max-width: 560px; margin: 40px auto 0px auto; }
div#title_img_2 span { padding: 0; }

div#logo_holder { /* background-color: #c3621c; */ }
img#dr_logo { padding: 30px 40px; }
div#hero_holder { padding: 0 5%; }

/* Misc content
------------------------------------------------------------------------------------------------*/

img { max-width: 100%; margin: 0 auto; display: block; }
.round_img { padding: 3px; background-color: #fff; border: 2px solid #c3621c; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }

.nav-tabs { text-align: left; border-bottom: none; }


div.content_box_dr { max-width: 800px; margin: 0 auto; background: url('img/line_diamond_right_red.png') right bottom no-repeat; }
.red_diamond_underline { clear: both; background: url('img/line_diamond_right_red.png') right bottom no-repeat; padding-bottom: 20px !important;/*  margin: 0 5px; */ }
.red_diamond_underline_2 { clear: both; background: url('img/line_diamond_right_red.png') right bottom no-repeat; padding-bottom: 20px !important; margin: 0 5px; }

h1.diamond_right_orange { padding-left: 20px; padding-bottom: 20px; background: url('img/line_diamond_right_orange.png') right bottom no-repeat; }
div.dr_content_wrap { padding: 20px; }

div.general_content_box { max-width: 800px; padding: 0 20px; margin: 0 auto; }

div.clip_container { margin-bottom: 20px; margin-top: 20px; }
div.clip { position: relative; height: 0px; width: 100%; padding-bottom: 56.25%; overflow: hidden; background-color: #000; }
div.square_video { padding-bottom: 100%; }
div.clip iframe, div.clip img, div.clip video { position: absolute; top: 0px; left: 0px; }

div.image_wrapper { max-width: 800px; margin: 0 auto; padding: 0 20px; }

/* Main Menu
------------------------------------------------------------------------------------------------*/
#main_menu { background-color: transparent; border-radius: 0px; border: none; padding: 0; z-index: 1; }
#main_menu a { color: #c3621c; font-size: 18px; padding: 6px 18px; font-weight: 400; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: 1px solid transparent; }
#main_menu a:hover { color: #894513; border: 1px dashed #c3621c; border-left-style: solid; border-right-style: solid; }

#main_menu .active a, 
.navbar-default .navbar-nav .active a:hover, 
.navbar-default .navbar-nav .active > a:focus 
{ background-color: #c3621c; color: #fff; text-transform: capitalize; }

.navbar {  margin-bottom: 40px; min-height: auto; }

.navbar-toggle { width: 64px; height: 64px; border: none; background: url('img/menu_r.gif') 0px 0px no-repeat; }
.navbar-toggle:hover { background-position: 0px -200px; }
.navbar-default .navbar-nav > .open > a { background-color: transparent !important; }
.nav .open > a:focus { background-color: transparent !important; }

.navbar-default .navbar-collapse { border: none; }

#main_menu a.panel_open { border: 1px dashed #c3621c; border-left-style: solid; border-right-style: solid; }

a.panel_close { padding: 3px 12px; border-left: 1px solid #c3621c; border-right: 1px solid #c3621c; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }


/* Menu search
------------------------------------------------------------------------------------------------*/
div#menu_search { width: 100%; margin-bottom: 40px; display: none; }

div#search_wrap { width: 300px; margin: 0 auto; padding: 25px 50px 10px 50px; background-color: #f9f9f9; }
p.panel_close_wrap { padding-top: 10px; text-align: center; }

div#menu_search form { display: block; color: #c3621c; position: relative; margin-bottom: 10px; }
div#menu_search input#keywords { padding: 3px 40px 3px 6px; text-align: center; font-size: 14px; border: 1px solid; }

button#top_search_btn { position: absolute; top: 0px; right: 0px; width: 40px; height: 100%; padding: 0 5px; color: #fff; background-color: #c3621c; }
button#top_search_btn:hover { background-color: #e67421; }
button#top_search_btn { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }



/* Contact form
------------------------------------------------------------------------------------------------*/
div#contact_form { width: 100%; margin-bottom: 40px; display: none; }
div#contact_wrap { max-width: 760px; margin: 0 auto; padding: 25px 50px 10px 50px; background-color: #f9f9f9; }

.nl_item { display: block; float: left; line-height: 1; font-size: 16px; }

a#nl_btn { text-align: center; padding: 9px 15px; color: #6f6f6f; background-color: #fff; border: 1px solid #a2a2a2; margin-right: 5px; }
a#nl_btn:hover, a#nl_btn:focus { text-decoration: none; background-color: #6f6f6f; color: #fff; }
span.nl_tick { height: 36px; width: 40px; margin-right: 20px; background: #fff url('img/st_nl_tick.png') center center no-repeat; border: 1px solid #a2a2a2; }
span.nl_msg { padding: 9px 0; color: #fff; }



/* About Page
--------------------------------------------------------------------------------------------------------------------- */
div#about_panel { width: 100%; margin-bottom: 40px; display: none; }
div#about_wrap { max-width: 760px; margin: 0 auto; padding: 25px 50px 10px 50px; background-color: #f9f9f9; }

 
/* Services Page
--------------------------------------------------------------------------------------------------------------------- */
div.service_box { background-color: #fafafa; padding: 20px; margin-bottom: 20px; border: 1px dashed #dac1bc; }
div.service_box_content p:last-child { margin: 0; }
div.service_box_content { padding: 0; }
div.service_box_content h2 { margin-top: 0; }
div.sb_text { padding-bottom: 20px; }
/* 
div.service_box_content object, div.service_box_content img { float: right; margin: 0 0 20px 20px; max-width: 400px; }
 */

/* 
div.service_camera { background: #fafafa url('img/service_photo.png') right top no-repeat;  padding-right: 320px; }
div.service_music { background: #fafafa url('img/service_music.png') right top no-repeat;  padding-right: 320px; }
 */



/* Project archive page
--------------------------------------------------------------------------------------------------------------------- */

p.back_btn { background: url('img/line_diamond_left_orange.png') left center no-repeat; text-align: right; margin: 0; }
p.back_btn a { background-color: #f5f5f5; }

div#project_archive { width: 100%; margin-bottom: 40px; }
div#project_archive_outer { max-width: 800px; padding: 0 15px 40px 15px; margin: 0 auto; }
div#project_archive_wrap { /* max-width: 800px; padding: 0 0px 20px 0px; margin: 0 auto; */ }

h1.diamond_left_orange { padding-left: 20px; padding-bottom: 20px; margin-bottom: 20px; background: url('img/line_diamond_left_orange.png') left bottom no-repeat; }


div.project_wrapper { float: left; width: 33.33%; }
div.project_border { padding: 5px; }
div.project_content_wrap { border: 1px dashed #e67421; padding: 10px; background-color: transparent; }
div.project_content_wrap h2 { margin-top: 10px; font-size: 24px; }
div.project_content_wrap img { /* border: 1px solid #dac1bc; */ padding: 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
div.project_content_wrap p:last-child { margin-bottom: 0; }

.triangle-up-left {
    width: 0;
    height: 0;
    padding-bottom: 15%;
    padding-left: 15%;
    overflow: hidden;
    margin-top: 10px;
}
.triangle-up-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -500px;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #9c1800;
    -webkit-transition-duration: 0.5s; 
    transition-duration: 0.5s;
}

p.archive_project_date { float: right; padding: 10px 5px 0 0; font-size: 14px; }
p.archive_project_date span.cat_display { display: inline !important; }

a.box_link { display: block; color: inherit; background-color: #f5f5f5; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
a.box_link:hover { background-color: #fff; color: #e67421; }
a.box_link:hover .triangle-up-left:after { border-left-color: #e67421; }
a.box_link:hover img { /* border-color: #e67421; border-style: solid; */ /* padding: 3px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; */ }


div.filter_box { padding: 0; border-bottom: 1px dashed #e67421; margin-bottom: 30px; }

ul.filter_sort { margin: 0 0 10px 0; display: table; table-layout: fixed; float:none; }

ul.filter_sort li { padding: 2px 0; }

p.filter_sort_label { display: block; /* color: #fff; */ text-align: left; padding: 5px 0; border-bottom: 1px dashed #e67421; margin: 0 0 10px 0; }
li.sort-btn { display: inline-block; }
li.filter_btn { display: inline-block; }

.portfolioFilter a { 
	display: block; 
	width: 100%; 
	height: 100%;
	padding: 7px 10px; 
	color: #e67421;
	background-color: #fff; 
	font-size: 14px;
	line-height: 1; 
	text-decoration:none; 
	text-align: center; 
	cursor: pointer; 
}

.portfolioFilter {  }
.portfolioFilter h3 {  }

.portfolioFilter .col-md-6 {
	padding: 0;	
}
	
.portfolioFilter a.current, 
.portfolioFilter a:hover { background-color: #e67421; color: #fff; }


.isotope-item { 
	z-index: 2; 
	width: 33.333%;
}
    
.isotope-hidden.isotope-item { pointer-events: none;  z-index: 1; }
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

#project_archive_wrap span { display: none; }













/* Project
--------------------------------------------------------------------------------------------------------------------- */

div#gallery_wrap { margin-bottom: 20px; }
p.gallery_img_caption { text-align: center; padding-top: 10px; margin: 0; }
div.gallery_parent { padding: 20px 15px; }
div.gallery_parent h2 { padding: 0 5px; margin-bottom: 20px; }
span.gallery_instruction { float: right; font-size: 16px; padding-top: 10px; }

h2.client_name { font-size: 20px; margin-top: 0px; }
h2.agency_name { font-size: 18px; margin-top: 0px; }
img.image_frame { margin: 20px 0 40px 0; }


/* Work
--------------------------------------------------------------------------------------------------------------------- */

div.latest_project_box { margin-bottom: 20px; }

p.project_new { background: url('img/line_diamond_right_orange.png') right center no-repeat; margin: 0; }
span.flag_new { display: block; width: 81px; height: 0px; padding-top: 81px; overflow: hidden; background: url('img/project_new.png') left top no-repeat; }

p.project_date { background: url('img/line_diamond_right_red.png') right center no-repeat; margin: 0; }
span.date_circle { display: inline-block; width: 70px; height: 70px; text-align: center; background-color: #9c1800; color: #fff; 
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
	line-height: 1;
 }
 
.date_content { position: relative; top: 50%; transform: translateY(-50%); display: block; color: #fff; } 
span.date_1 { font-size: 30px; }
span.date_2 { font-size: 15px; }

div.project_box_content { padding: 0; }
div.project_box_content h1 { margin-top: 0; }
div.project_box_content div { margin-bottom: 20px; }
p.see_more { text-align: right; margin-top: -20px; }
 

/* Footer
--------------------------------------------------------------------------------------------------------------------- */
.footer_bar { position: fixed; bottom: 0px; left: 0px; height: 10px; width: 100%; background-color: #c3621c; z-index: 1000; }
#footer {  width: 100%; /* max-width: 800px; */ font-size: 90%; padding: 50px 0px 0px 0px; margin: 0 auto; }
div#credits_wrap { background-color: #c3621c; padding: 10px 0 0 0; color: #fff; }

ul#social_menu { margin: 0px auto; text-align: center; }
ul#social_menu li { display: inline-block; margin: 0 5px; }
ul#social_menu li a { display: block; width: 24px; height: 0px; padding-top: 24px; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat; }
ul#social_menu li a:hover { background-position: 0px -30px; }
ul#social_menu li a.nLink { display: inline-block; width: auto; height: auto; padding-top: 0px; overflow: visoble; color: #fff; }
ul#social_menu li a.nLink:hover { color: #000; }
a#social_menu_fb { background-image: url('img/social_icon_fb.png'); }
a#social_menu_tw { background-image: url('img/social_icon_tw.png'); }
a#social_menu_yt { background-image: url('img/social_icon_yt.png'); }
a#social_menu_pin { background-image: url('img/social_icon_pin.png'); }


/* Cookies
--------------------------------------------------------------------------------------------------------------------- */
div#cookies_panel { width: 100%; margin-bottom: 40px; display: none; }
div#cookies_wrap { max-width: 700px; margin: 0 auto; padding: 25px 50px 10px 50px; background-color: #f9f9f9; }

 
 
/* Search results
--------------------------------------------------------------------------------------------------------------------- */
body#search div.content_wrap { background: url('img/st_tweed_pattern_A.jpg') left top repeat; }


div#results { font-size: 16px; }

div#results_window { padding: 20px 0 10px 0; }
div#result_report { margin-bottom: 20px; }
span.result_count { font-weight: 700; font-size: 24px; padding-right: 5px; }

.paginationSearch { padding-top: 15px; border-top: 1px solid #dcdcdc; }
div#top_search_nav .paginationSearch { padding-top: 15px; border-top: none; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; margin-bottom: 15px; font-size: 16px; }
.paginationSearch p { margin: 0; }
.paginationSearch a { display: inline-block; color: #1f466e; padding: 2px 10px 4px 10px; border: 1px solid #1f466e; background-color: #fff; margin: 0 3px; }
.paginationSearch a:hover { color: #fff; background-color: #999; border-color: #999; text-decoration: none; }

span.disabled { display: inline-block; color: #bbb; padding: 2px 10px 4px 10px; border: 1px solid #bbb; background-color: #fff; margin: 0 3px; }

span.show_per_page { float: right; padding-top: 5px; color: #b5b5b5; }

.searchResult { border: 1px solid #b5b5b5; padding: 15px; margin-bottom: 15px; background-color: #fff; }
.searchResult:nth-child(even) { background-color: #fcfcfc; }
.searchResult h3 { margin-top: 0; }
.result_details { margin-bottom: 0; line-height: 1.2; }

a.resultLink { color: #1f466e; }
a.resultLink:hover { color: #999; text-decoration: none; }



/* Terms & Privacy
--------------------------------------------------------------------------------------------------------------------- */
ul#terms_nav { margin-bottom: 40px; }
ul#terms_nav li { margin-bottom: 10px; }





/* Contact forms
--------------------------------------------------------------------------------------------------------------------- */

#c_form { padding-bottom: 10px; border-bottom: 1px dashed #DAC1BC; margin-bottom: 10px; }
#c_form h2 { font-size: 26px; text-align: center; margin-bottom: 30px; }

div.formElement { margin-bottom: 15px; }
.c_form_component { color: #c3621c; text-align: left; width: 100%; padding: 5px 10px; border: 1px solid #c3621c; }

div.formElement label { display: none; }	
p#form_status { color: #ff0000; font-size: 14px; text-align: center; margin-bottom: 20px; }	

div#c_form_panel_3 { text-align: center; padding-top: 15px; }
p.character_help { padding-top: 10px; }
button#c_contact { width: 140px; height: 30px; border: 1px solid; background-color: #c3621c; color: #fff;  -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
button#c_contact:hover { background-color: #e67421; color: #fff; }

div#telephone { text-align: center; padding-top: 20px; margin-bottom: 20px; }
div#telephone h3 { margin-top: 0; }


/* Self-clear floats 
--------------------------------------------------------------------------------------------------------------------- */
.clearFixDR:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Misc classes
--------------------------------------------------------------------------------------------------------------------- */

.clearBoth { clear: both; }

.nP { padding: 0 !important; }
.nPR { padding-right: 0 !important; }
.nPL { padding-left: 0 !important; }
.nPT { padding-top: 0 !important; }
.nPB { padding-bottom: 0 !important; }

.ePT15 { padding-top: 15px !important; }
.ePT30 { padding-top: 30px !important; }
.ePT50 { padding-top: 50px !important; }

.nM { margin: 0 !important; }
.nMR { margin-right: 0 !important; }
.nML { margin-left: 0 !important; }
.nMT { margin-top: 0 !important; }
.nMB { margin-bottom: 0 !important; }

.eMT15 { margin-top: 15px !important; }
.eMB10 { margin-bottom: 10px !important; }
.eMB15 { margin-bottom: 15px !important; }
.eMR8 { margin-right: 8px !important; }
.eML8 { margin-left: 8px !important; }

.fL { float: left; }
.fR { float: right; }


.rounded5 {  
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6); 
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6); 
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6);
}

.shadow_nt { 
	-webkit-box-shadow: 0 2px 2px 2px rgba(50, 50, 50, 0.2); 
	-moz-box-shadow: 0 2px 2px 2px rgba(50, 50, 50, 0.2); 
	box-shadow: 0 2px 2px 2px rgba(50, 50, 50, 0.2);
}

.shadow_general { 
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); 
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.shadow_round { 
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); 
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.panel_divider { padding-bottom: 20px; margin-bottom: 20px; background: url('img/line_diamond_left_orange.png') left bottom no-repeat; }



a { color: #894513; text-decoration: none; }
a:hover, a:focus { color: #e67421; text-decoration: none; outline: none; }

a.context_link { color: #894513; text-decoration: none; }
a.context_link:hover, a.contextLink:focus { color: #e67421; text-decoration: none; }

a.general_link { color: #894513; font-size: 14px; text-decoration: none; }
a.general_link:hover, a.general_link:focus { color: #e67421; text-decoration: none; }

a.diamond_link { color: #894513; font-size: 16px; text-decoration: none; background: url('img/diamond_link.png') 0px 1px no-repeat; padding-left: 30px; }
a.diamond_link:hover, a.diamond_link:focus { color: #e67421; text-decoration: none; background-position: 0px -399px; }



/* Buttons
--------------------------------------------------------------------------------------------------------------------- */


/* Media queries
--------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 320px){
	.navbar-nav { margin: 0 auto; display: table; table-layout: fixed; float:none; }
}

@media (min-width: 568px) {
}

@media (min-width: 768px){
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}

@media (max-width: 1199px){
}

@media (max-width: 991px){
}

@media (max-width: 770px){
	/* div.project_wrapper { width: 33%; } */
}


@media (max-width: 768px){
}

@media (max-width: 767px) {
  .navbar-toggle { float: none; display: block; margin: 4px auto 8px auto; }
  .nav > li { margin: 15px 0; }
  #main_menu a { text-align: center; font-size: 20px; }
  #cookies_wrap .topLine { margin-top: 0; text-align: center; }

}

@media (max-width: 600px){
	div.project_wrapper { width: 50%; }
}

@media (max-width: 560px){
	div.service_box_content img { float: none; margin: 0 auto 20px auto; width: 100%; }
}

@media (max-width: 529px){
	div#contact_wrap { padding-left: 20px; padding-right: 20px; }
	div#c_form_col_1, div#c_form_col_2, div#c_form_panel_3 { padding: 0; }
}

@media (max-width: 480px){
	div#title_img { padding: 0 20%; }
}

@media (max-width: 479px){
	span#fig_text { display: none; }
	span#fig_img { width: 100%; }
	span#fig_img img { width: 80%; margin: 0 auto; }
}

@media (max-width: 440px){
	img#dr_logo { padding-top: 20px; }
}

@media (max-width: 439px){
	div.col-xs-6 { width: 100%; }
}

@media (max-width: 400px){
	div.project_wrapper { width: 100%; padding: 7px 0px; }
}

@media (max-width: 360px){
	span#fig_img img { width: 80%; margin: 0 auto; }
}

@media (max-width: 320px){
}