/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

html {background-color: #1b1b1b;}

body, p {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #000000;
}

p {margin-bottom: 20px;}

h1, h2, h3, h4, h5 {
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B" !important;
	font-style: normal !important;
	font-weight: 700 !important;
	text-transform: none;
	letter-spacing: -0.5px;
	color: #000000;
}

h2 {
	font-size: 46px;
	line-height: 54px;
}

h3 {
	font-size: 24px;
	line-height: 36px;
}

h3 a {
	text-decoration: underline;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
	line-height: 1.8em;
}

a {text-decoration: underline;}

.footer_bottom {
	color: #dddddd;
}

.footer_bottom p, .footer_bottom span {
    color: #dddddd;
    font-size: 11px;
    line-height: 1.5em;
    margin: 20px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #cf0000;
}

nav.main_menu > ul > li > a {
    color: #000000;
    font-size: 16px;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B" !important;
	font-style: normal !important;
	font-weight: 700 !important;
}

nav.main_menu > ul > li > a:hover, nav.main_menu > ul > li.current_page_item > a {
    color: #cf0000;
}

nav.main_menu > ul > li.menu-button > a {
	display: inline;
	height: 30px;
	padding: 11px 25px 8px;
	border: 3px solid #ed1c24;
	border-radius: 10px;
	margin-left: 15px;
}

nav.main_menu > ul > li.menu-button > a:hover {
	border-color: #ed1c24;
	background: #ed1c24;
	color: #ffffff;
}

.drop_down .second .inner > ul, li.narrow .second .inner ul {
    background-color: #cf0000;
}

.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {
    color: #ffffff;
}

.drop_down .second .inner ul li a:hover, .drop_down .second .inner ul li.current_page_item a, .drop_down .second .inner ul li h5:hover, .drop_down .second .inner ul li.current_page_item  h5 {
    color: #000000 !important;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a {opacity: 1 !important;}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    color: #000;
    font-weight: 600;
    text-decoration: none !important;
}

nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a:hover {
    color: #cf0000;
    font-weight: 600;
}

.side_menu_button > a, .mobile_menu_button span {
	color: #000;
	font-size: 18px;
}

.footer_top {
    padding: 72px 0 20px;
}

.footer_top_holder {
    background-color: #fff;
}

.footer_top .widget {margin-bottom: 40px !important;}

.footer_top h5 {
    color: #000000;
    font-size: 20px;
    margin: 0 0 15px;
}

.footer_top, .footer_top p {
    font-size: 15px;
	line-height: 26px;
}

.footer_top a, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget {
    color: #909192;
}

.footer_top a:hover {
    color: #cf0000 !important;
}

.footer_top a {
	font-weight: 800;
	text-decoration: underline;
}

.white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text p, .white-text a {
	color: #ffffff !important
}

.background-texture {background-position: center bottom !important;}

.outlined-box {border: 1px solid #000000;}

.normal-weight {font-weight: 400 !important;}

.board {border: 2px solid #dedede; padding: 30px;}

.board-text {min-height: 135px;}

.smaller-title h2 {font-size: 40px;}

.shadow {text-shadow: 0 2px 2px #222;}

.homepage-intro {
	background-position: right 80% !important;
}

.how {
	background-position: left top !important;
}

.we-are {
	background-position: center bottom !important;
	background-size: 110% auto !important;
}

.q_box_holder.with_icon {
	border: 0px solid #dedede;
	border-radius: 0;
	background: #dedede !important;
	border-radius: 10px;
}

.q_icon_with_title .icon_text_holder .icon_title {
    margin: 0 0 0.5em;
}

.q_icon_with_title .icon_text_inner {
    background:  rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
	color: #ffffff !important;
}

.q_icon_with_title .icon_text_inner p, .q_icon_with_title .icon_text_inner h5 {
	font-size: 15px !important;
	line-height: 24px;
	color: #ffffff !important;
	margin-bottom: 0px;
}

.q_icon_with_title .icon_text_inner h5 {
	font-size: 24px !important;
	color: #ffffff !important;
}

.q_icon_with_title.center.center .icon_holder {display:none;}

.q_icon_with_title .icon_with_title_link {
    border: 3px solid #ed1c24;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    height: 44px;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 44px;
	padding: 0 20px;
	text-decoration: none;
	font-weight: 700;
}



.q_accordion_holder.boxed div.accordion_content {
    padding-left: 0;
}

.qbutton.white:hover {
	background: #cf0000;
	border-color: #cf0000;
}

.qbutton.small {
    padding: 0 25px;
}

.projects_holder article .portfolio_description {
    padding: 15px 0 10px;
}

.single-portfolio_page .portfolio_single, .blog_holder.blog_single {margin: 75px 0;}

.post_comments {
    display: none;
}

.q_masonry_blog_excerpt {
	font-size: 16px !important;
	line-height: 28px;
}

.q_masonry_blog article .q_masonry_blog_post_info {
    color: #303030;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0;
    text-transform: uppercase;
}

.blog_holder.blog_single article h2 {
    font-size: 34px;
}

.q_icon_with_title.center {
    text-align: left;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header {
	background-color: transparent;
	border: 2px solid #000;
	border-radius: 5px;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header:hover {
	color: #ffffff;
	background: #cf0000;
	border-color: #cf0000;
}


/* ================= LAYER SLIDER ================= */

.wpb_layerslider_element.wpb_content_element h1, .wpb_layerslider_element.wpb_content_element h2, .wpb_layerslider_element.wpb_content_element h3, .wpb_layerslider_element.wpb_content_element h4, .wpb_layerslider_element.wpb_content_element h5 {
	color: #ffffff !important;
	text-shadow: 0 2px 2px #222;
}

.wpb_layerslider_element.wpb_content_element h1 {
	font-size: 80px !important;
	line-height: 54px;
}

.wpb_layerslider_element.wpb_content_element h2 {
	font-size: 46px !important;
	line-height: 54px;
}

.wpb_layerslider_element.wpb_content_element h4 {
	font-size: 28px !important;
	line-height: 54px;
	font-weight: 400 !important;
}

.wpb_layerslider_element.wpb_content_element h5 {
	font-size: 22px !important;
	line-height: 30px;
	font-weight: 400 !important;
	text-transform: none;
}

.ls-nav-next, .ls-nav-prev {
    border: none !important;
}

.ls-nav-next::after, .ls-nav-prev::after {
    font-size: 80px;
}

.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next {
    margin-top: -100px !important;
}


/* ================= GRAVITY FORM ================= */

body .gform_wrapper .gf_progressbar_percentage, body .gform_wrapper .gf_step, body .gform_wrapper .gf_step span.gf_step_number, body .gform_wrapper .gfield_description, body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper textarea, body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper select {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
}

.gform_wrapper {
    max-width: 100% !important;
}

.gform_wrapper textarea.large, .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium {
    width: 100% !important;
}

body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"] {
    border: 3px solid #ed1c24;
    border-radius: 10px;
    display: inline;
    margin-left: 15px;
    padding: 0px 25px 15px;
	font-size: 18px;
    height: 44px;
    letter-spacing: 2px;
    line-height: 38px;
    padding-left: 40px;
    padding-right: 40px;
}

body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"] {
    margin-left: 0px;
    padding: 0 40px 0px;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
}

.gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 32% !important;
}

.wpb_wrapper .gform_wrapper .top_label li.gfield.gf_middle_third, .wpb_wrapper .gform_wrapper .top_label li.gfield.gf_right_third {
    margin-top: 0 !important;
    margin-left: 2% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0px !important;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
    width: 31.9%;
}

.gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea {
    border: 1px solid #cf0000 !important;
}

.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message, .gform_wrapper .gfield_required {
    color: #cf0000 !important;
}

.gform_wrapper div.validation_error {
    text-align: center !important;
    width: 94.5% !important;
}

body .gform_wrapper input[type="button"]:hover, body .gform_wrapper input[type="submit"]:hover, body .gform_wrapper input[type="reset"]:hover {
	background-color: #cf0000 !important;
	border-color: #cf0000 !important;
}


/* ADDED - our work */



li {
    padding-bottom: 10px;
}

.white-text {
    color: #fff
}


.box-1, .picture-1 {
	height: 40vw !important;
}

.box-5, .picture-5 {
	height: 33vw !important;
}


.content-box-left{
padding-top: 2% !important;
padding-right: 5% !important;
padding-bottom: 2% !important;
padding-left: 5% !important;
height: 25vw;
}

.picture-box-right {
    background-image: url('http://mediaonemultimedia.com/~simama/wp-content/uploads/2016/02/ourwork2.jpg');
    background-size: cover;
    background-position: left center;
    width: 50%;
    float: left;
    height: 25vw;
}

.content-box-right {
padding-top: 2% !important;
padding-right: 5% !important;
padding-bottom: 2% !important;
padding-left: 5% !important;
height: 25vw;
}


.picture-box-left {
    background-image: url('http://mediaonemultimedia.com/~simama/wp-content/uploads/2016/02/ourwork2.jpg');
    background-size: cover;
    background-position: left center;
    width: 50%;
    float: left;
    height: 25vw;
}




.box-para p{
    font-size: 18px;
    line-height: 26px;
}
.box-para {
	    font-size: 18px;
    line-height: 26px;
}

.box-para ul {
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    list-style-position: outside;
    padding-bottom: 20px !important;
    margin-left: 20px;
}

.gray-box p, .gray-box ul {
	color: #000 !important;
}


/* circle icon */


.submenu a {
    background-color: #dedede;
    padding: 20px;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    line-height: 80px !important
}

.submenu img{
	padding: 5px 10px 0 10px;
}


.submenu-mobile {
	display: none;
}

.anchor-links {
	display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

@media screen and (min-width: 1900px) {
.content-box-right, .picture-box-right, .content-box-left, .picture-box-left {
height: 23vw;
}
.box-1, .picture-1 {
	height: 37vw !important;
}

.box-5, .picture-5 {
	height: 29vw !important;
}

}

@media screen and (max-width: 1700px) {
.content-box-right, .picture-box-right, .content-box-left, .picture-box-left {
height: 30vw;
}
	.box-1, .picture-1 {
	height: 45vw !important;
}
.box-5, .picture-5 {
	height: 37vw !important;
}
.content-left-sep{
	margin-top: 0px !important;
}
}

@media screen and (max-width: 1500px) {
.content-box-right, .picture-box-right, .content-box-left, .picture-box-left {
height: 37vw;
}
	.box-1, .picture-1 {
	height: 57vw !important;
}
.box-5, .picture-5 {
	height: 45vw !important;
}
}

@media only screen and (max-width: 1300px) {
	.content-sep {
		  margin-top: 0px !important;
	}
	.content-box-right, .picture-box-right, .content-box-left, .picture-box-left {
height: 43vw;
}
	.box-1, .picture-1 {
	height: 67vw !important;
}
.box-5, .picture-5 {
	height: 54vw !important;
}
}

@media only screen and (max-width: 1200px) {

.we-are {
	padding-bottom: 400px !important;
	background-size: 150% auto !important;
	background-position: center bottom !important;
}

.wpb_layerslider_element.wpb_content_element h1 {
	font-size: 70px !important;
	line-height: 54px;
}

.wpb_layerslider_element.wpb_content_element h2 {
	font-size: 46px !important;
	line-height: 54px;
}

.wpb_layerslider_element.wpb_content_element h4 {
	font-size: 24px !important;
	line-height: 54px;
	font-weight: 400 !important;
}

.wpb_layerslider_element.wpb_content_element h5 {
	font-size: 22px !important;
	line-height: 30px;
	font-weight: 400 !important;
	text-transform: none;
}

.gform_wrapper div.validation_error {
    text-align: center !important;
    width: 90% !important;
}

.picture-box-right, .picture-box-left {
	width: 100% !important;
}

.content-box-right, .content-box-left {
	width: 90% !important;
	margin-left: 5% !important;
	height: 100% !important;
}


.vc_col-sm-4 .two-columns .wpb_column .vc_column_container  {
	width: 70% !important;
}
.picture-1,  .picture-3 {
	display: none;
}
}

@media only screen and (max-width: 900px) {
.smile_icon_list li .icon_list_icon{
	    line-height: 1em !important;
}
.smile_icon_list li.icon_list_item {
margin: 0 0 0px!important;
}
.icon_list_item .ult-info-circle-icon li{
	font-size: 80px !important;
}

.icon-size {
	font-size: 50px !important;
}
}
/*
font-size: 18px;
    line-height: 24px;*/

@media only screen and (max-width: 880px) {

.we-are {
	padding-bottom: 300px !important;
}

h3 {
	text-align: center !important;
}
.social-icon, .suitcase-icon{
	width: 100% !important;
	text-align: center !important;
}
}


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

.how .wpb_column, .background-texture .wpb_column {margin-bottom: 40px;}

.stats-slider .container_inner, .stats-slider .boxed div.section .section_inner, div.stats-slider.grid_section .section_inner, .full_width .parallax_content .stats-slider {
    width: 95% !important;
}

.board-text {min-height: 100% !important;}

.gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
}

.wpb_wrapper .gform_wrapper .top_label li.gfield.gf_middle_third, .wpb_wrapper .gform_wrapper .top_label li.gfield.gf_right_third {
    margin-left: 0% !important;
}


.life-skills {
	margin-top: 10%;
}
}

@media only screen and (max-width: 660px) {
.submenu h5 {
	font-size: 14px !important;
}

.submenu-mobile {
	display: block !important;
}

.submenu-mobile a{
background-color: #dedede;
padding: 10px;
border-radius: 8px;
text-decoration: none !important;
white-space: nowrap;
line-height: 50px !important;
font-size: 14px;

}

.submenu {
	display: none;
}
}

@media only screen and (max-width: 400px) {

.we-are {
	padding-bottom: 200px !important;
}