/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");


.carousel-inner {
    position: relative!important;
}

.q_slider  {
	margin-top:50px;
}

p  {
	margin-top: 0px;
}

p.white-text  {
	color: #ffffff;
}

h3  {
	margin-bottom:40px;
}

h3 .intro  {
	font-family: Droid Serif;
	font-style:italic;
}

h3 .bluetext  {
	color: #495369;
}

h3 .whitetext  {
	color: #ffffff;
}

p.client-review  {
	font-family: Droid Serif;
	font-style:italic;
	font-size:16px;
	padding-right:70px;
	text-align:left;
}

p.client-reviewer  {
	font-family: Droid Serif;
	font-size:16px;
	text-align:left;
	color: #a19896;
}

.darkgreytext  {
	color: #a19896;
}

.offwhitetext  {
	color: #fefcfa;
}

.leftgrey-quote  {
	vertical-align:top;
	padding-right:1%;
}

.rightgrey-quote  {
	vertical-align:top;
	padding-left:1%;
}

nav.main_menu>ul>li>a  {
	letter-spacing: 1px;
}


div.qode_column.column2, div.qode_column.column3  {
	padding-left:30px;
	padding-right:0px;
}

.q_icon_with_title .icon_with_title_link  {
	display:block;
	margin-top:-8px;	
}

.icon_text_inner  p {
	line-height:20px;
}

.q_font_elegant_holder:hover  {
	background-color:red;	
}



/* FORMS  */


.projectform-whole			{width:100%;float:left;}
.projectform-left			{width:48%;float:left;}
.projectform-right			{width:48%;float:left;margin-left:2%;}

input.project-input-box {
  display: block;
  width:100%;
  min-height: 52px;
  background-color:#f9f7f5;
  border: 1px solid #e8e5e3;
  padding-left:3%;
  box-shadow:none;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
}


.project-textarea-box {
  display: block;
  width: 98%;
  min-height: 52px;
  background-color:#f9f7f5;
  border: 1px solid #e8e5e3;
  padding-left:1.5%;
  padding-top:3%;
  box-shadow:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
}


.project-form-row {
	margin-bottom:20px;
}


.required-text-footnote	{font-size:11px;padding-left:3px;color:#c18429;}
.required-text		{font-size:11px;padding-left:3px;color:#c18429;}

input.project-input-box::-webkit-input-placeholder {
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
input.project-input-box:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
input.project-input-box::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
input.project-input-box:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}


.project-textarea-box::-webkit-input-placeholder {
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
.project-textarea-box:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
.project-textarea-box::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}
textarea.project-textarea-box:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: Muli;
	font-size:14px;
	color:#231f20;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz  {
	background-color:#f9f7f5;
    border: 1px solid #e8e5e3;
}

input.wpcf7-form-control.wpcf7-submit  {
	background-color:#ba3232;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled])  {
	border: 2px solid #ba3232;
}

input.wpcf7-form-control.wpcf7-submit:hover:not([disabled]) {
    border-color: #ba3232;
    background-color: transparent;
    color: #ba3232;
    text-decoration: none;
}

#contact-message  {
	width:98%;
}

.contact_detail {
  	margin: 60px 0px 0px 0px;
}

#your-message  {
	width:98%;
}

/* END FORM */

p.contact-icon-title  {
	font-family:'Droid', serif;
	font-size:26px;
	color:#a19896;
	font-style:italic;
	margin-bottom:3px;
	margin-top:5px;
}

p.contact-icon-text  {
	line-height:18px;
	margin-bottom:0px;
}


.contact-icon-block  {
	width: 100%;
	float: left;
	padding-top:90px;
	padding-bottom:90px;

}

.contact-icon-left  {
	width: 30%;
	float: left;
}

.contact-icon-right  {
	width: 66%;
	float: left;
	margin-left:4%;
}


.q_icon_with_title .icon_text_holder {
  	padding-left:12px;
}

/* portfolio page gallery */

.filter_outer.center_align {
  background-color:#fefcfa;
  padding-top:50px;
  padding-bottom:50px;
}

.projects_holder article .image_holder {
	border:5px solid #ffffff;
}

.projects_holder article .portfolio_shader  {
	background-color:#475269;
}

.projects_holder article .icons_holder a  {
	color: #475269;
	background-color: #ffffff;
}

.projects_holder article .icons_holder a:hover  {
	color: #a19896;
	background-color: #ffffff;
}



.projects_holder article .portfolio_shader:hover  {
	background: rgba(71, 82, 105, 0.8);
	opacity: .8;
}

body div.pp_default .pp_description  {
	font-size:20px;
}


/*.icons_holder_inner:hover  {
	background-color:#475269;  
	background: rgba(71, 82, 105, 0.5);
	opacity: .5;
}*/


.projects_holder article .portfolio_title  {
  display: none;
}

.projects_holder article .portfolio_description {
  display:none;
/*  padding: 20px 0 27px;
  background-color: #fff;
  border-top: none!important;*/
}

/*.projects_holder article .image img {
	border-right:2px solid red;
}

.projects_holder .mix .image {
	border-right:2px solid red;
}*/


.filter[data-filter="portfolio_category_58"]{
    display:none;
}


/* home page gallery */

.image_with_text h5 span  {
	margin-top:-100px;
}

.slidetitle-break1	{
	display:none;
}

.hp-horiz-list-break1, .hp-horiz-list-break2	{
	display:none;
}

.hp-horiz-list-bullet1, .hp-horiz-list-bullet2	{
	padding: 0px 10px;
	color: #ba3231;
	display:inline;
}

.qode_column.column2 ul li a{
	line-height:28px;
}

.carousel-indicators li  {
	border:1px solid #ba3231;
}


.slider_content  {

	margin-top:-2.5%;
}

@media (max-width: 1550px) {


.slider_content  {

	margin-left:-7%;
}
}


@media (max-width: 1450px) {


.slider_content  {

	margin-left:-5%;
}
}

@media (max-width: 1300px) {

	.colorcode	{color:pink;}

/*.slider_content  {
	
	margin-left: 2% !important;
	margin-top:-15% !important;
}*/

h3.q_slide_subtitle  {

	margin-left:70%;
	margin-top:-19.5%;
}
}

@media (max-width: 1200px) {

.colorcode	{color:blue;}
/*.slider_content  {

	margin-left:-5%;
} */

h3.q_slide_subtitle  {

	margin-left:70%;
	margin-top:-22%;
}

}

@media (max-width: 1090px) {

.colorcode	{color:green;}

.slider_content  {

	margin-left:-25.5% !important;
}

h3.q_slide_subtitle  {

	margin-top:-22%;
	line-height:22px !important;
}


.carousel .carousel-inner h3 span {

  font-size: .7em;
}

}

@media (max-width: 1021px) {

.colorcode	{color:red;}

.slider_content  {

	margin-left:-25.5% !important;
}

h3.q_slide_subtitle  {

	margin-top:-12%;
	line-height:18px !important;
}


.carousel .carousel-inner h3 span {

  font-size: .7em;
}

}


@media (max-width: 1000px) {

.colorcode	{color:skyblue;}

/*.slider_content  {

	margin-left:-6.5%;
	margin-top:-15%;
} */

h3.q_slide_subtitle  {

	margin-top:-27%;
	line-height:22px !important;
}


.carousel .carousel-inner h3 span {

  font-size: .75em;
}

/*div.title_outer.title_without_animation img {
	height:331px !important;
}*/


}

@media (max-width: 900px) {

.colorcode	{color:purple;}


h3.q_slide_subtitle  {

	margin-top:-28%;
	line-height:22px !important;
}


.carousel .carousel-inner h3 span {

  font-size: .7em;
}

.carousel-inner .right h3  {

	text-align:center;

}

.slidetitle-break1	{
	display:inline;
}

}


@media (min-width: 790px) and (max-width: 800px) {

.colorcode {color:#00FF66;}

.q_slider_inner  {
	height:550px;
}

.carousel .carousel-inner h3 span {

  font-size: .7em;
  line-height:20px;
}

.carousel-inner .right h3  {

	text-align:center;
	margin-left:60%;
	margin-top:-28%;

}

.slidetitle-break1	{
	display:inline;
}


}


@media (min-width: 769px) and (max-width: 789px) {

.colorcode {color:#006666;}



.q_slider_inner  {
	height:550px;
}

.carousel .carousel-inner h3 span {

  font-size: .55em;
  line-height:20px;
}

.carousel-inner .right h3  {

	text-align:center;
	margin-left:73%;

}

h3.q_slide_subtitle  {

	margin-top:-50%;
	margin-left:73%;
	line-height:22px !important;
}


.slidetitle-break1	{
	display:inline;
}


}





  
/* links */
 
a.readmorelink:link, a.readmorelink:visited		{color:#a19896;text-decoration:none;outline:none;border:none;}
a.readmorelink:hover, a.readmorelink:active 	{color:#ba3231;text-decoration:none;outline:none;border:none;}

a.icon_with_title_link:link, a.icon_with_title_link:visited		{color:#484a4e;text-decoration:none;outline:none;border:none;}
a.icon_with_title_link:hover, a.icon_with_title_link:active 	{color:#ba3232;text-decoration:none;outline:none;border:none;}


@media (min-width: 769px) and (max-width: 800px) {
.wpb_wrapper  {
	padding-left:2%;padding-right:2%;
}
}


@media (max-width: 938px) {

.filter_holder  {
	display:block;
}

.filter_holder ul li {
  display: block;
  margin: 0;
  float: none;
  text-align: center;
}

/* .filter_holder.without_separator ul li.filter_title span {
  padding: 0px 0px 0px 3%;
  
} */

.filter_holder ul li.filter_title {
  text-align: center;
}

}


@media (max-width: 768px) {



h1  {
	margin-top:-60px;
}

h2	{
	line-height:38px;
}

h3	{
	margin-top:24px;
}

h3.q_slide_subtitle  {

	margin-left:80%;
	margin-top:-25%;
	line-height:20px !important; 
}


p.client-review, p.client-reviewer  {
	padding-left:5%;
	padding-right: 5%;
}

p.client-reviewer  {
	padding-bottom:50px;
}


#projectformrow  {
	margin-top:24px;
}

.contact-icon-block  {
	float:none;
	padding-top:12px;
	padding-bottom:12px;

}

.contact-icon-left  {
	width: 20%;
	float: left;
	margin-left:4%;
	padding-bottom:36px;
}

.contact-icon-right  {
	width: 74%;
	float: left;
	margin-left:2%;
}

p.contact-icon-title  {
	margin-top:12px;
}

.your-project-row  {
	padding-top:50px !important;
	padding-top:50px !important;
}

div.qode_column.column2{
  	padding-left:10px;
}

/* .gm-style {
  height:300px !important;
} */



}

@media (max-width: 700px) {

div.qode_column.column2, div.qode_column.column3 {
  padding-left: 0px;
}

h3.q_slide_subtitle  {

	margin-left:70% !important;
	margin-top:-25%;
	line-height:20px !important; 
}

h1  {
	line-height:40px;
}

.hp-horiz-list-break1, .hp-horiz-list-break2	{
	display:inline;
}

.hp-horiz-list-bullet1, .hp-horiz-list-bullet2	{
	display:none;
}


}


@media (max-width: 600px) {

div.qode_column.column2, div.qode_column.column3 {
  padding-left: 0px;
}



h3.q_slide_subtitle  {

	margin-left:76% !important;
	margin-top:-35%;
	line-height:20px !important;
	font-size:25px !important; 
}

h1  {
	line-height:40px;
}

.hp-horiz-list-break1, .hp-horiz-list-break2	{
	display:inline;
}

.hp-horiz-list-bullet1, .hp-horiz-list-bullet2	{
	display:none;
}


}

@media (max-width: 500px) {

h3.q_slide_subtitle  {

	margin-left:72% !important;
	margin-top:-35%;
	line-height:15px !important;
	font-size:20px !important; 
}


}

@media (max-width: 400px) {

h3.q_slide_subtitle  {

	margin-left:68% !important;
	margin-top:-35%;
	line-height:16px !important;
	font-size:18px !important; 
}


}


@media (min-width: 992px) and (max-width: 1199px) {

  
div.qode_column.column2, div.qode_column.column3  {
	padding-left:10px;
	padding-right:0px;
}

.icon-block-3  {
	margin-left:-20%;
}

.icon-block-4  {
	margin-left:-40%;
}



}

@media (min-width: 768px) and (max-width: 768px) {

  .colorcode	{color:orange;}
  
h2  {
  	line-height:38px;
}


h3.about-meet	{margin-top:-3px;}

.contact-icon-block  {
	padding-top:12px;
	
}

.contact-icon-left  {
	margin-left:-40%;
}

.contact-icon-right  {
	margin-left:-2%;
}

.contact-icon-text  {
	padding-bottom:12px;
}

div.qode_column.column2, div.qode_column.column3  {
	padding-left:20px;
	padding-right:0px;
}

.carousel .carousel-inner h3 span {

  font-size: .7em;
  line-height:20px;
}


  
}

/*@media (min-width: 769px) and (max-width: 991px) {

  .colorcode	{color:pink;}


.contact-icon-right  {
	margin-left:-1%;
}
  
}*/


@media (min-width: 769px) and (max-width: 991px) {

  /*.colorcode	{color:red;}*/
  
h2  {
  	line-height:38px;
}

div.qode_column.column2, div.qode_column.column3  {
	padding-left:20px;
	padding-right:0px;
}

.contact-icon-block  {
	padding-top:12px;
	padding-bottom:12px;
}

.contact-icon-left  {
	width: 20%;
	float: left;
	margin-left:8%;
	padding-bottom:36px;
}

.contact-icon-right  {
	width: 50%;
	float: left;
	margin-left:1%;
}

.icon-block-2  {
	margin-left:-20%;
}

.icon-block-3  {
	margin-left:-50%;
}

.icon-block-4  {
	margin-left:-80%;
}



}