/*********************************************************************************

	Site Name: Goetz Engeneering Application
	Description: Website
	Version: 1.0

	Note: This is custom css as update for this website

**********************************************************************************/

:root {
	--ci-col-red: #E52036;
	--ci-col-yellow: #ffd105;
	--ci-col-gray: #414141;
	--ci-col-dark-gray: #808080;
	--ci-col-white: #ffffff;
	--ci-col-black: #000000;
}
/* body.template-color-8 */
/* Start Check Level +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@font-face { font-family: 'cos_ci_font';
             src: url('../fonts/HelveticaNeue-Light.woff2')  format('woff2'),
                  url('../fonts/HelveticaNeue-Light.woff')  format('woff');
			}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /* font-family: "louis_george_caferegular"; */
    font-family: "cos_ci_font" !important;
    line-height: 1.3;
    color: #222222;
}

body {
    /* font-size: 16px; */
    /* line-height: 24px; */
    /* font-family: "louis_george_caferegular"; */
    font-family: "cos_ci_font" !important;
    /* color: #333333; */
    /* font-weight: 400; */
}

.cos_txt_content {
	/* font-family: "louis_george_caferegular" !important; */
	font-family: "cos_ci_font" !important;
	word-wrap: break-word !important;
	max-width: 100% !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	font-size: 16px !important;
	margin: 0px !important;
	padding: 0px !important;
	/* letter-spacing: 0.5px !important; */
}


.cos_txt_subtitle {
    /* font-family: "louis_george_caferegular" !important; */
    font-family: "cos_ci_font" !important;
    font-weight: 600 !important;
    letter-spacing: 0em !important;
    line-height: 22px !important;
	font-size: 18px !important;
    margin: 0px !important;
	padding: 0px !important;
}

.cos_txt_title {
	font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 42px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.cos_teaser_txt_title {
	/* font-family: "louis_george_caferegular" !important; */
	font-family: "cos_ci_font" !important;
	color: #fff !important;
	font-size: 48px !important;
	line-height: 58px !important;
	margin: 0px !important;
	padding: 0px !important;
	/* font-family: "Montserrat", sans-serif; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {
    margin: 0;
}


body.template-color-8 a.brook-btn.bk-btn-dark:hover {
    background: var(--ci-col-red) !important;
}

body.template-color-8 a.brook-btn.bk-btn-theme, body.template-color-8 button.brook-btn.bk-btn-theme {
    background: var(--ci-col-red) !important;
    color: #fff;
}


body.template-color-8 .theme-color {
    /* color: var(--ci-col-red) !important; */
}

.bk-list--2 .list-header.with-ckeck .marker::before {
    top: 0px !important;
}


.container {
    min-width: 380px !important;
	padding: 0px !important;
}

.icon-btn {
	color: var(--ci-col-red) !important;
}

.cos_btn a {
    color: var(--ci-col-black) !important;
    text-decoration: none;
}

.cos_btn a:hover,
.cos_btn a:focus,
.cos_btn a:active {
	color: var(--ci-col-red) !important;
}

.slick-arrow-center .slick-btn.slick-prev {
    left: -20px;
    right: auto;
}

.slick-arrow-center .slick-btn.slick-next {
    left: auto;
    right: -20px;
}

#scrollUp {
    color: var(--ci-col-red) !important;
	width: 55px !important;
	height: 55px !important;
}

.dropdown__menu {
    background-color: #000c;
	border-radius: 0px 15px 15px 0px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.21);
}

.dropdown__menu li.drop-lavel--2 .lavel--2 {
    background-color: #000c;
}

.brook__toolbar .inner {
	background: #0000007a;
}

.brook__toolbar .inner a {
	color: #ffffff;
}

body.template-color-8 .brook__toolbar .inner a:hover {
    /* color: var(--ci-col-red); */
}

.demo-option-container {
    background: #ffffffbd;
}

/* body.template-color-8 .view-more-btn a span.btn-arrow { */
    /* color: var(--ci-col-red); */
/* } */



.bk_left-vertical-header {
    z-index: 10;
	min-width: 310px;
}

.popup-mobile-manu .inner .mobileheader .logo a img {
	max-width: 240px;
}

.bk_left-vertical-header .side-header-inner .header-wrap .header-top {
	max-width: 180px;
}

.bk_left-vertical-header .side-header-inner .header-wrap .header-bottom {
	max-width: 180px;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop > a {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	line-height: initial;
}

.bk_left-vertical-header .side-header-inner .header-wrap {
	/* padding: 35px 35px 35px 35px; */
	padding: 35px 65px 35px 65px;
}

.bk_left-vertical-header .side-header-inner .header-wrap .header-center {
	/* margin: 62px -45px 62px -60px; */
	margin: 62px -65px 62px 0px;
	max-width: 245px;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop > a::before {
    padding: 0px 65px 0px 0px;
}


.cos_qr_code {
    max-width: 180px;
}


.cos_ci_logo {
    max-width: 180px !important;
}

.cos_menu_side_bar {
	justify-content: space-between;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
	padding: 0px 0px 0px 0px;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu {
	padding: 0px 0px 0px 0px;
}

/* End Check Level +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cos_typed_box {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 605px;
}

.cos_center_HW {
	height: auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cos_typed_text {
	line-height: 1.3 !important;
}


.cos_typed_txt_title {
    padding: 10px 0px 40px 0px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_padding_space_50 {
	padding: 40px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_ci_color_A {
    color: var(--ci-col-red) !important;
}

.cos_ci_color_C {
    color: var(--ci-col-dark-gray) !important;
}

.cos_ci_color_black {
    color: var(--ci-col-black) !important;
}

.cos_ci_color_white {
    color: var(--ci-col-white) !important;
}

.cos_font_bold {
    font-weight: bold !important;
}

.cos_separator_50 {
    margin: 50px 0px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_thine_line_top {
    border-top: 1px solid #dbdbdb;
}

.cos_thine_line_bottom {
    border-bottom: 1px solid #dbdbdb;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_container {
	width: 100%;
	padding: 0px;
}

.row {
    justify-content: center;
	margin: 0px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_3d_tile_area {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cos_3d_tile_area_box {
    display: flex;
	justify-content: center;
	flex: 1 1 25%;
}

.cos_3d_tile_inner {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
}

.cos_3d_tile_content_box{
    padding: 15px !important;
	width: 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_google_map_box {
    width: 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_signeture_img {
    max-width: 350px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_inner_left_right_box {
    display: flex;
	width: 100%;
	margin: 25px 0px;
}

.cos_portfolio_alignment_LR_left {
    display: flex;
    justify-content: flex-start;
}

.cos_portfolio_alignment_LR_right {
    display: flex;
    justify-content: flex-end;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.icon-box {
    margin: 30px 0px;
}

.icon-btn {
    margin: 46px 0px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_spaces_negative_75 {
	margin-top: -65px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_bg_image_1 {
    background-image: url(../img/goetz/header/head_1.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cos_bg_image_2 {
    background-image: url(../img/goetz/header/head_4.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cos_bg_image_3 {
    background-image: url(../img/goetz/header/head_2.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cos_bg_image_4 {
    background-image: url(../img/goetz/header/head_3.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_parallax_bg_image_1 {
    background-image: url(../img/goetz/parallax/bg_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cos_parallax_bg_image_2 {
    background-image: url(../img/goetz/parallax/bg_4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cos_parallax_bg_image_3 {
    background-image: url(../img/goetz/parallax/bg_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_icon_size_A {
    width: 90px;
}

.cos_icon_size {
    width: 180px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.copyright_btn_space_container {
    min-width: 260px;
    display: flex;
    justify-content: space-between;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cos_shadow {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */