/* MAKET SPECIFIC STYLES */ .main_4_cols_container { max-width: 1190px; margin: 50px auto 0px auto; padding: 0px 10px; text-align: center; } .main_4_cols_container div { display: inline-block; max-width: 23%; padding: 25px 5px; margin: 0px 0px; text-align: center; vertical-align: top; border: 1px solid transparent; transition: .5s all ease; } .main_4_cols_container div:hover { border: 1px solid #f2f2f2; border-radius: 3px; -webkit-box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.13); box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.13); transition: .5s all ease; } .main_4_cols_container i { font-size: 44px; color: #F38700; } .main_4_cols_container h4 { margin: 35px 0px 10px 0px; } .main_4_cols_container a { font-weight: bold; font-size: 22px; text-decoration: none; color: #000; transition: .5s all ease; } .main_4_cols_container a:hover { color: #F38700; transition: .5s all ease; } .main_4_cols_container span { font-size: 14px; line-height: 1; color: #666; } .main_questions_container { width: 100%; height: 216px; margin: 50px auto 0px auto; background: url(_mod_files/ce_images/bg-image-2.jpg) no-repeat center bottom; background-size: auto; background-attachment: fixed; } .main_questions { display: table; height: 100%; max-width: 1190px; margin: 50px auto 0px auto; padding: 0px 10px; } .main_questions div { display: table-cell; vertical-align: middle; } .main_questions div:nth-of-type(1) { padding: 0px 30px 0px 0px; color: #F38700; font-size: 46px; font-weight: bold; white-space: nowrap; } .main_questions div:nth-of-type(2) span { display: inline-block; padding: 0px 50px 0px 15px; border-left: 1px solid #006734; color: #006734; font-size: 22px; } /*Main page content*/ .main_1_cols_container, .main_2_cols_container, .main_3_cols_container { position: relative; overflow: hidden; width: 100%; margin: 50px auto 0px auto; } .main_about, .main_specs, .main_events { height: 100%; max-width: 1190px; margin: 50px auto 0px auto; padding: 0px 10px; text-align: center; } .main_about > div, .main_specs > div, .main_events > div { display: table; width: 100%; } .main_about > div > div, .main_specs > div > div, .main_events > div > div { display: table-cell; width: 50%; vertical-align: top; text-align: left; } .main_events > div > div { width: 33%; } .main_1_cols_container h3, .main_2_cols_container h3, .main_3_cols_container h3 { font-size: 42px; color: #006734; font-weight: bold; text-align: center; } .main_specs h3 { text-align: left; } .main_hr { width: 55px; margin: 10px auto 35px auto; border-top: 3px solid #FF7000; } .main_about > div > div:nth-of-type(1) > div { padding: 27px 33px; background: #f2f2f5; border-left: 2px solid #FF7000; } .main_about > div > div:nth-of-type(1) > div i { font-size: 15px; line-height: 24px; color: #666; } .main_about > div > div:nth-of-type(1) > div p { margin-top: 10px; font-size: 16px; line-height: 28px; color: #999; } .main_about > div > div:nth-of-type(1) > div span { font-size: 15px; line-height: 24px; color: #666; } .main_about > div > div:nth-of-type(2) > div { padding: 20px 70px 0px 70px; vertical-align: top; } .main_about > div > div:nth-of-type(2) > div span { font-size: 22px; line-height: 30px; font-weight: bold; color: #000; } .main_about > div > div:nth-of-type(2) > div p { margin-top: 20px; font-size: 15px; line-height: 24px; color: #666; } .main_about > div > div:nth-of-type(2) > div .btn_orange_inv { display: inline-block; margin-top: 30px; } .main_specs > div > div:nth-of-type(1) > div { margin-bottom: 10px; padding: 30px 54px 30px; background: #fff; -webkit-box-shadow: 0 0 4px 2px rgba(174, 174, 174, 0.2); box-shadow: 0 0 4px 2px rgba(174, 174, 174, 0.2); } .main_specs > div > div:nth-of-type(2) > div { width: 100%; min-height: 655px; min-width: 520px; background: url(_mod_files/ce_images/manager.png) no-repeat -15px center; } .main_specs > div > div:nth-of-type(2) > div:before { content: ''; position: absolute; height: 506px; top: 100px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 200vw; z-index: -1; background: #f2f2f5; } .main_specs .main_hr { margin: 10px 0px 35px 0px; } .main_specs span { display: block; margin-top: 30px; font-size: 18px; font-weight: bold; color: #000; } .main_specs p { font-size: 15px; color: #666; } .main_summary { height: 100%; max-width: 1190px; margin: 5px auto 0px auto; padding: 0px 10px; text-align: left; color: #666; font-size: 15px; } .main_summary p { color: #666; font-size: 15px; line-height: 1.6; } .main_events h5 { margin-bottom: 30px; font-size: 30px; font-weight: 900; color: #000; } .main_events .photoalbum_item-small-row__block { margin: 0px; } .main_partners_container { width: 100%; height: 200px; margin: 50px auto 0px auto; background: #f2f2f5; fill: #f2f2f5; /* background: url(_mod_files/ce_images/bg-image-3.jpg) no-repeat center bottom; background-size: auto; background-attachment: fixed; */ } .main_partners { width: 100%; height: 100%; max-width: 1190px; margin: 50px auto 0px auto; padding: 0px 10px; overflow: hidden; text-align: center; } .main_partners img { margin: 50px 20px 0px 20px; } .main_partners img:hover { opacity: 0.6; } @media screen and (max-width: 1000px) { #lay_f2 { margin-top: 57px; } .main_4_cols_container div { max-width: none; padding: 25px 0px; margin: 0px 0px; } .main_questions div { display: block; text-align: center; margin: 18px 0px; } .main_questions div:nth-of-type(1) { padding: 0px 0px 0px 0px; font-size: 30px; } .main_questions div:nth-of-type(2) span { padding: 0px 0px 0px 0px; border-left: none; font-size: 20px; } .main_about > div > div, .main_specs > div > div, .main_events > div > div { display: block; width: 100%; } .main_about > div > div:nth-of-type(2) > div { padding: 50px 10px 0px 10px; } .main_specs > div > div:nth-of-type(1) > div { padding: 0px 0px 0px; -webkit-box-shadow: 0 0 0 0 rgba(174, 174, 174, 0.2); box-shadow: 0 0 0 0 rgba(174, 174, 174, 0.2); } .main_specs > div > div:nth-of-type(2) { display: none; } .main_1_cols_container h3, .main_2_cols_container h3, .main_3_cols_container h3 { font-size: 30px; } .main_summary { padding: 0px 10px; } .main_about, .main_specs, .main_events { padding: 0px 10px; } .main_events > div > div { margin: 20px 0px; } }