/* LESS Document */ @font-face { font-family: "Swiss721BT-Bold"; src: url("../fonts/Swiss721BT-Bold.eot"); /* IE9 Compat Modes */ src: url("../fonts/Swiss721BT-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Swiss721BT-Bold.otf") format("opentype"), /* Open Type Font */ url("../fonts/Swiss721BT-Bold.svg") format("svg"), /* Legacy iOS */ url("../fonts/Swiss721BT-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Swiss721BT-Bold.woff") format("woff"), /* Modern Browsers */ url("../fonts/Swiss721BT-Bold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Swiss721BT-Light"; src: url("../fonts/Swiss721BT-Light.eot"); /* IE9 Compat Modes */ src: url("../fonts/Swiss721BT-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Swiss721BT-Light.otf") format("opentype"), /* Open Type Font */ url("../fonts/Swiss721BT-Light.svg") format("svg"), /* Legacy iOS */ url("../fonts/Swiss721BT-Light.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Swiss721BT-Light.woff") format("woff"), /* Modern Browsers */ url("../fonts/Swiss721BT-Light.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Swiss721BT-Regular"; src: url("../fonts/Swiss721BT-Regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/Swiss721BT-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Swiss721BT-Regular.otf") format("opentype"), /* Open Type Font */ url("../fonts/Swiss721BT-Regular.svg") format("svg"), /* Legacy iOS */ url("../fonts/Swiss721BT-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Swiss721BT-Regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/Swiss721BT-Regular.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Swiss721BT-Thin"; src: url("../fonts/Swiss721BT-Thin.eot"); /* IE9 Compat Modes */ src: url("../fonts/Swiss721BT-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Swiss721BT-Thin.otf") format("opentype"), /* Open Type Font */ url("../fonts/Swiss721BT-Thin.svg") format("svg"), /* Legacy iOS */ url("../fonts/Swiss721BT-Thin.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Swiss721BT-Thin.woff") format("woff"), /* Modern Browsers */ url("../fonts/Swiss721BT-Thin.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } body{ font-family: "Swiss721BT-Thin"; line-height: 1.3; background-color:#ffffff; color:#000000; font-size:20px; letter-spacing: 0.07em; @media (max-width:990px){ font-size:16px; } @media (max-width:767px){ font-size:15px; } } html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } .wrapper{ position:relative; width: 100%; max-width: 1800px; margin: auto; } .wrapper-2{ position:relative; width: 100%; max-width: 1400px; margin: auto; } .cl-b{ clear:both; } /*______________________________________________________________________ header ____________________________________________________________________________*/ #brand-header{ display: block; position: relative; width: 120px; height: 130px; padding-top: 20px; background-color: #144582; text-align: center; box-shadow:2px 3px 5px #0006; margin: auto; img{ width: 110px; height: auto; } } .nav > li > a{ position: relative; display: block; float:left; font-family: "Swiss721BT-Bold"; font-size:16px; color:#000000; background-color: transparent; padding: 10px 0; margin: 0 40px 0 0; &:before{ content:''; position:absolute; left:0; bottom:0; width: 0; height: 3px; transition: all 0.6s ease; } &:hover{ background-color: transparent; &:before{ content:''; position:absolute; left:0; bottom:0; width: 37px; height: 3px; background-color: #d6a32a; } } } .nav > li > a.activ{ &:before{ content:''; position:absolute; left:0; bottom:0; width: 37px; height: 3px; background-color: #d6a32a; transition: all 0.6s ease; } } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: transparent; } .navbar-nav > li.remain-menu{ margin: auto; text-align: center; } .navbar-nav > li.remain-menu > a{ display: inline-block; border-right:solid 1px #323232; border-bottom:none; margin: 10px auto; padding-top: 12px; padding-bottom: 12px; &:last-child{ border-right:none; } img{ height: 22px; width: auto; } } .navbar-toggle { padding: 9px 0; margin-top: 8px; margin-right: 0; } .navbar-nav{ padding: 30px 0 0 0; } /*.navTopMenu{ position:absolute; left:0; top:220px; @media (max-width:1260px) { top:160px; }}*/ .remain-menu{ position: relative; float:right; padding-top: 30px; a{ padding: 0 0 0 30px; img{ width: auto; height: 23px; } } } .head-bg{ position: relative; width: 100%; height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 40px; @media (max-width:991px){ height: 350px; } @media (max-width:767px){ height: 300px; } } .dark-bg.d-2{ background-color: rgba(0,0,0,0.5); } .head-name{ position: absolute; font-family: "Swiss721BT-Bold"; font-size:50px; color:#ffffff; left: 0; top: 100px; z-index: 1000; padding-top: 20px; width: 40%; &:before{ content:''; position:absolute; width: 60px; height: 6px; background-color: #ffffff; top:0; left:0; } @media (max-width:991px){ font-size:40px; width: 100%; padding-left: 15px; padding-right: 15px; &:before{ left:15px; } } @media (max-width:767px){ top: 60px; font-size:30px; &:before{ width: 40px; height: 4px; } } } /*___________________________________________________________________ end header ________________________________________________________________________________*/ h1{ font-family: "Swiss721BT-Bold"; color:#000000; font-size:30px; position:relative; padding: 20px 0 0; margin: 0; &:before{ content:''; position:absolute; width: 70px; height: 6px; background-color: #d6a32a; top:0; left:0; } } .sub-name{ font-family: "Swiss721BT-Light"; color:#d6a32a; font-size:20px; position:relative; } .padd-t-b-name{ padding: 20px 0 10px; } .padd-t-b-sub-name{ padding: 5px 0 20px; } .f-box{ display: flex; @media (max-width:991px){ display: block; } } .foto-container{ position: absolute; top: 0; bottom: 0; right: 15px; left: 15px; background-size: 150%; background-position: 85% 20%; background-repeat: no-repeat; @media (max-width:1200px){ background-size: 180%; background-position: 75% 20%; } @media (max-width:991px){ position: relative; right: auto; left: auto; margin: 20px 0 30px; height:300px; background-size: 130%; background-position: 85% 20%; } @media (max-width:640px){ height:200px; } } .bg-color{ background-color: #ede9e6; padding:60px 0; } .foto-container2{ position: absolute; top: 0; bottom: 0; right: 15px; left: 15px; min-height: 500px; background-size: 270%; background-position: 15% 50%; background-repeat: no-repeat; @media (max-width:1200px){ background-size: 320%; } @media (max-width:991px){ position: relative; right: auto; left: auto; min-height:auto; height:250px; background-size: 130%; background-position: 0 100%; } @media (max-width:640px){ height:150px; background-size: 150%; } } .box-share-picture{ background-color: #ffffff; height: 500px; display: table; width: 100%; margin: auto; padding-left:100px; @media (max-width:1200px){ padding-left:50px; } @media (max-width:991px){ height: auto; padding-top:40px; padding-bottom: 20px; } @media (max-width:767px){ padding-left:15px; padding-right:15px; } } .v-align{ display: table-cell; vertical-align: middle; } .padd-t-b{ padding:60px 0; } .v-sm{ display: none; @media (max-width:991px){ display: block; } } .v-md{ display: block; @media (max-width:991px){ display: none; } } .butt-1{ display:inline-block; background-color: #ffffff; border:solid 2px #d6a32a; padding: 10px 25px; font-size: 17px; text-transform: uppercase; transition: all 0.2s ease; color:#000000; margin: 20px 0; &:hover{ background-color: #f9efd8; color:#000000; text-decoration: none; } } .steps-carousel{ width: 100%; padding-top: 40px; } .item{ position:relative; float:left; width: 98%; margin-right: 2%; height: 580px; background-color: #ffffff; border:solid 1px #d1d1d0; box-shadow: 2px 5px 7px #d1d1d0; margin-bottom: 20px; /*@media (max-width:991px){ width: 48%; margin-right: 2%; } @media (max-width:767px){ width: 98%; margin-right: 2%; }*/ } .step{ padding: 15px; text-align: center; width: 100%; } .height-t-step{ display: table; height: 130px; width: 100%; } .num-step{ font-size:23px; font-family:"Swiss721BT-Bold"; color:#000000; padding: 5px 0 0; span{ font-family:"Swiss721BT-Thin"; } } .text-step{ font-size:16px; color:#000000; } .img-step{ position:relative; height: 380px; } .box-img-step{ position:absolute; top:0; bottom:0; left:0; right:0; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* .thank-box{ position:relative; margin: 20px; width: ~"calc(100% - 40px)"; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover; &:hover{ .dark-bg{ left:50%; right:50%; width: 0; overflow: hidden; } .dark-bg2{ left:0; right:0; width: 100%; height: 100%; } } @media (max-width:1200px){ width:100%; margin: 10px 0; } } */ .thank-box{ position:relative; margin: 20px; width: ~"calc(100% - 40px)"; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover; &:hover{ .dark-bg{ left:50%; right:50%; width: 0; overflow: hidden; transition: all 0.5s ease 0.1s; } .dark-bg2{ left:0; right:0; width: 100%; height: 100%; transition: all 0.5s ease 1.5s; } .pos-text-t-b{ opacity: 0; transition: all 0.1s ease 0.1s; } } @media (max-width:1200px){ width:100%; margin: 10px 0; } } /* .dark-bg{ position:absolute; background-color: rgba(0,0,0,0.5); top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; transition: all 0.5s ease; } */ .dark-bg{ position:absolute; background-color: rgba(0,0,0,0.7); top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; transition: all 0.5s ease 0.5s; } /* .pos-text-t-b{ padding:280px 15px 20px; text-align: center; } */ .pos-text-t-b{ padding:280px 15px 20px; text-align: center; opacity: 1; transition: all 0.5s ease 0.7s; } .name-donation{ position:relative; font-size:15px; color:#ffffff; padding: 0 0 10px; &:before{ content:''; position: relative; top:0; width: 37px; height:3px; background-color:#d6a32a ; margin: 0 auto 7px; display: block; } } .name-donation1{ position:relative; font-family: "Swiss721BT-Regular"; font-size:21px; color:#d6a32a; padding: 20px 0 10px; &:before{ content:''; position: relative; top:0; width: 37px; height:3px; background-color:#d6a32a ; margin: 0 auto 7px; display: block; } @media (max-width:460px){ font-size:18px; padding: 20px 0 5px; } } .name-how-m{ font-size:26px; color:#ffffff; padding-bottom: 25px; } .name-how-m1{ font-size:36px; color:#000000; @media (max-width:460px){ font-size:26px; } } .cover-t-b .butt-2{ color:#000000; &:hover{ color:#000000; text-decoration: none; } } .butt-2{ display:inline-block; background-color:transparent; border:solid 2px #d6a32a; padding: 7px 20px; font-size: 11px; text-transform: uppercase; transition: all 0.2s ease; color:#ffffff; margin: 0 auto; &:hover{ color:#ffffff; text-decoration: none; } } /* .dark-bg2{ position:absolute; background-color: rgba(0,0,0,0.7); left:50%; right:50%; width: 0; overflow: hidden; top:0; bottom:0; transition: all 0.5s ease 1.5s; } */ .dark-bg2{ position:absolute; background-color: rgba(0,0,0,0.7); left:50%; right:50%; width: 0; overflow: hidden; top:0; bottom:0; transition: all 0.5s ease 0.1s; } /* .cover-t-b{ position: relative; margin: 20px; background: #ffffff; height: 410px; text-align: center; } */ .cover-t-b{ position: relative; margin: 20px; background: #ffffff; height: 410px; text-align: center; overflow: hidden; } .text-thank-box{ color:#000000; font-size:15px; padding: 20px 20px 30px; @media (max-width:460px){ padding: 10px 15px 10px; } } .bg-color-w{ background-color: #ffffff; } .qestion{ position:relative; font-family: "Swiss721BT-Regular"; font-size:18px; padding-top: 10px; padding-bottom: 5px; padding-left: 40px; &:before{ content:'Q:'; position:absolute; display:block; left:0; } @media (max-width:767px){ font-size:16px; } } .answer{ position:relative; font-family: "Swiss721BT-Thin"; font-size:18px; padding-bottom: 15px; padding-left: 40px; &:before{ content:'A:'; position:absolute; display:block; left:0; } @media (max-width:767px){ font-size:16px; } } .padd-t-b-white-box{ padding: 20px 0 30px; } .list-1{ padding: 10px 0 0 0; li{ margin: 0 0 0 40px; padding-top: 3px; list-style: decimal; padding-left: 10px; } } .artist-block{ position:relative; display: table; background-image: url(../images/artist.png); background-repeat: no-repeat; background-position: 5% 0; height: 526px; background-size: 48%; @media (max-width:1182px){ height: 458px; } @media (max-width:991px){ height: 350px; background-position: 0 0; background-size: 48%; } @media (max-width:767px){ display: block;; background-position: center top; height: 300px; background-size: 100%; } } .quote-block{ display: table-cell; vertical-align: middle; padding-left: 53%; font-family: "Swiss721BT-Bold"; font-size:40px; color:#d6a32a; line-height: 1.1; @media (max-width:1182px){ font-size:32px; } @media (max-width:991px){ font-size:24px; } @media (max-width:767px){ display: none; } } .sing{ font-family: "Swiss721BT-Thin"; font-size:20px; color:#d6a32a; padding-top: 15px; } .quote-block1{ display: none; font-family: "Swiss721BT-Bold"; font-size:22px; color:#d6a32a; line-height: 1.1; padding-top: 30px; width: 70%; margin: auto; @media (max-width:767px){ display: block;; } @media (max-width:460px){ width: 100%; font-size:20px; padding-top: 20px; } } .artist-text{ font-family: "Swiss721BT-Thin"; font-size:18px; span{ font-family: "Swiss721BT-Bold"; } @media (max-width:767px){ font-size:15px; } } .box-galery-picture{ background-color: #ffffff; height: 500px; display: table; width: 100%; margin: auto; padding-left:25px; padding-right:25px; @media (max-width:991px){ height: auto; padding-top:40px; padding-bottom: 20px; } @media (max-width:767px){ padding-left:15px; padding-right:15px; } } .galery-text{ padding-top:30px; } .foto-container3{ position: absolute; top: 0; bottom: 0; right: 15px; left: 15px; min-height: 500px; background-size:100%; background-position: 50% 50%; background-repeat: no-repeat; @media (max-width:991px){ position: relative; right: auto; left: auto; min-height:auto; height:350px; background-size: 100%; background-position:center; } @media (max-width:640px){ height:300px; background-size: 100%; } } .form-1{ padding: 20px 0 40px; label{ font-family: "Swiss721BT-Regular"; font-size:24px; padding: 0 0 15px 0; font-weight: 300; } label.l-1{ font-family: "Swiss721BT-Thin"; font-size:20px; padding: 0 0 15px 15px; } } .l-text{ font-family: "Swiss721BT-Regular"; font-size:24px; padding: 0 0 15px 0; } .form-position{ position: relative; float: left; padding: 20px 40px 20px 0; } .butt-blue{ font-family: "Swiss721BT-Thin"; font-size:20px; background-color: #1b4483; color:#ffffff; padding: 15px 45px; border:none; &:hover{ background-color:#1554B4; color:#ffffff; } } /*_____________________________________________________ select __________________________________________________________*/ .list-select{position:relative;} .list-select a.trigger_demo2{ color:#dddddd; } .list-select .dropcontainer_demo2 a { color:#323232; } .list-select .dropcontainer_demo2 li:hover{ a{ color:#3F3D42;} } .dropcontainer_demo2 { /*position:relative; font-size: 16px; color: #777;*/ position: absolute; font-size: 20px; color: #777; z-index: 300; left: 0; right:40px; @media (max-width: 979px){ } } .f-pos .dropcontainer_demo2 { left: 20px; right:20px; } .trigger_demo2 { font-family: "Swiss721BT-Light"; color:#323232; height: 58px; padding: 13px 35px 12px 7px; /*margin: 0 10px;*/ margin: 0; width: auto; /*width: ~"calc(100% - 20px)";*/ border:solid 1px #d6a32a; /*border-bottom:solid 1.5px #d1d1d1; */ font-size: 22px; background-image: url(../images/select-arr_22.gif); background-position: 97% 50%; background-repeat: no-repeat; background-size: 10px; display: block; text-decoration: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .trigger_demo2:hover { text-decoration: none !important; } .activetrigger_demo2 { font-family: "Swiss721BT-Light"; color:#323232; padding: 13px 35px 12px 7px; margin: 0; width: auto; border:solid 1px #d6a32a; font-size: 22px; height: 58px; background-image: url(../images/select-arr_22.gif); background-position: 97% 50%; background-repeat: no-repeat; background-size: 10px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .f-pos .activetrigger_demo2 { background-size: 10px; } .activetrigger_demo2:hover { /*background: #ffffff url(../images/sel-arr-22.svg) 98% center no-repeat;*/ /*background-size: 2.6%;*/ color: #777; text-decoration: none !important; } .f-pos .activetrigger_demo2:hover { background-size: 10px; } .activetrigger_demo2:visited{text-decoration: none !important; color:#777;} .activetrigger_demo2:actev{text-decoration: none !important; color:#777;} .activetrigger_demo2:focus{text-decoration: none !important; color:#777;} .activetrigger_demo2:active { background-image: url(../images/select-arr_22.gif); background-position: 97% 50%; background-repeat: no-repeat; background-size: 10px; color: #777; text-decoration: none !important; } .dropcontainer_demo2 ul { font-size: 16px; border: 1px solid #ECECEC; border-top: none; background: #fff; list-style-type: none; /*padding: 10px;*/ margin: 0; width: 100%; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .dropcontainer_demo2 ul li { font-family: "Swiss721BT-Light"; color:#323232; padding: 8px 7px; height: 36px; border-bottom:solid 1px #ececec; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .dropcontainer_demo2 ul li:hover { background:#ECECEC; outline: none; color:#3F3D42; text-decoration: none !important; } .dropcontainer_demo2 ul li a:hover{text-decoration: none !important; color:#3F3D42;} .dropcontainer_demo2 ul li a:visited{text-decoration: none !important; color:#3F3D42;} .dropcontainer_demo2 ul li a:actev{text-decoration: none !important; color:#3F3D42;} .dropcontainer_demo2 ul li a:focus{text-decoration: none !important; color:#3F3D42;} .dropcontainer_demo2 ul li:first-child { display: none; } .dropcontainer_demo2 ul li:last-child { border-bottom: none; } .dropdownhidden_demo2 { display: none; } .dropdownvisible_demo2 { height: auto; } .dropdownvisible_demo2 { height: auto; overflow-y: scroll; } /*_________________________________________________________ end select ___________________________________________________________________________________________*/ input[type="checkbox"]:checked + label::before { background-position:0 0; } input[type="checkbox"],/* input[type="radio"]*/ { display: none !important; } .ch-box input[type="checkbox"] { display: none !important; } input[type="checkbox"] + label{ cursor: pointer; } .owl-carousel .owl-nav button.owl-next{ background-image: url(../images/slider-arr-right.png) !important; background-repeat: none !important; width: 66px; height: 15px; } .owl-carousel .owl-nav button.owl-prev{ background-image: url(../images/slider-arr-left.png) !important; background-repeat: none !important; width: 66px; height: 15px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: transparent; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ color:#ffffff; } .owl-nav{ position:absolute; top:260px; left:-80px; right:-80px; } .owl-prev{ position: relative; float: left; } .owl-next{ position: relative; float: right; } /*@media (max-width:1325px){ width:~"calc(100% - 160px)"; }*/ .name-strong{ font-family: "Swiss721BT-Regular"; font-size: 18px; padding: 20px 0 5px 0; } .text-center h1::before { left: 50%; margin-left: -35px; } .text-decor{ font-family: "Swiss721BT-Thin"; font-size:22px; padding: 30px 0 0; &:before{ content:''; position:absolute; width: 70px; height: 6px; background-color: #d6a32a; top:0; left:50%; margin-left: -35px; } .sing{ font-size:16px; color:#000000; } } .link-1{ text-decoration: underline; color:#d6a32a; &:hover{ text-decoration: none; } } .styled-icons a { border: 2px solid transparent; color: #fff; background-color: #333; display: inline-block; font-size: 16px; height: 36px; line-height: 2; margin-right: 4px; position: relative; text-align: center; text-decoration: none; width: 36px; transition: all 0.2s ease; } .styled-icons.icon-circled a { border-radius: 50%; } .styled-icons.icon-xs a { font-size: 12px; height: 25px; width: 25px; } .styled-icons a i { height: 100%; line-height: 1.9; position: relative; top: -1px; width: 100%; } ul.header-top { margin: 0; padding: 0; } ul.header-top li { display: inline; margin-right: 4px; padding: 2px; } .text-center { text-align: center !important; } /*______________________________________________________________ about us_________________________________________________________________*/ .name-foundation{ font-size:20px; font-family: "Swiss721BT-Regular"; padding: 10px 0; } span.name-foundation{ display: inline-block; padding: 10px 0; } .text-16{ font-size:16px; font-style: italic; } .photo-team{ width:100%; height: 450px; background-size: cover; background-position: center top; background-repeat: no-repeat; } .photo-team-top{ width:100%; height: 550px; background-size: cover; background-position: center top; background-repeat: no-repeat; @media (max-width:767px){ background-position: left top; } } .language{ position:absolute; top: 15px; right:30px; img{ width:20px; height: auto; margin-left: 6px; } @media (max-width:767px){ right:15px; } }