h2, p, .btn{ font-family: 'Ubuntu', sans-serif; } h1{font-family: "Times New Roman"; font-size: 44px; text-transform: uppercase; border-bottom: 3px solid #67b73e; display: inline-block; color: #fff; } h2{ font-weight: 500; font-size: 24px; text-transform: uppercase; margin-bottom: 50px;} @media (min-width: 768px) { h2{ font-size: 30px; } } h2 {display: block; text-align: center; overflow: hidden; white-space: nowrap;} h2 > span { position: relative; display: inline-block;} h2 > span:before, h2 > span:after {content: ""; position: absolute;top: 50%; width: 9999px; height: 1px; background: #ababab;} h2 > span:before {right: 100%; margin-right: 15px;} h2 > span:after {left: 100%;margin-left: 15px;} .btn{ font-weight: 500; text-transform: uppercase; } p{ font-size: 16px; } .m-r-1{ margin-right: 16px; } .m-b-1{ margin-bottom: 16px; } .m-b-2{ margin-bottom: 32px; } .section1{ background-image:url("../images/1/bg.jpg"); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; } .section1 .main{ padding-top: 115px; transition: 1s linear; padding-bottom: 125px; } .section1 .for_h1{ font-size: 20px; line-height: 20px; font-style: italic; margin-bottom: 20px; color: #fff; } @media (min-width: 768px) { .section1 .for_h1{ font-size: 40px; line-height: 40px; margin-bottom: 50px; } } .section1 .btn{ border-radius: 30px; padding: 10px 20px; -webkit-box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.2); transition: 1s linear; margin-bottom: 20px; } .section1 .btn:hover{ -webkit-box-shadow: 0px 0px 0px 6px #ffc73c; -moz-box-shadow: 0px 0px 0px 6px #ffc73c; box-shadow: 0px 0px 0px 6px #ffc73c; } .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-body-indents { padding: 0 50px 30px; } .modal-body-indents p{ text-align: justify; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .modal-header{ border-bottom: none; } .section2{ padding: 60px 0; } .section2 .media{ padding-bottom: 50px; } .section2 img{ border: 5px solid transparent; transition: 1s linear; } .section2 img:hover{ border-radius: 50%; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777 } .section3 { background-image:url("../images/3/bg.jpg"); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; padding: 60px 0 5px; } .section3 h2{ color: white; } .section3 .card{ margin-top: -25px; padding: 25px; margin-bottom: 35px; border-radius: 10px; display: inline-block; cursor: pointer; transition: 1s linear; text-decoration: none; } .section3 .card p{ color: white; text-decoration: none; } .section3 .card:hover{ background: rgba(0,0,0,0.2); text-decoration: none; } .section3 .card:hover .btn{ background: #ffc73c; border-color: #ffc73c; color:black; } .section3 img{ margin-bottom: 16px; } .section4{ padding: 60px 0; } .section4 .input-group{ margin-bottom: 16px; display: block; } .section4 label{ color: #b12b2c; text-transform: uppercase; text-decoration: underline; font-size: 22px; margin-bottom: 16px; } .section4 .input-group .form-control, .section4 .input-group .btn{ border-radius: 4px; margin-bottom: 16px; } @media (min-width: 992px) { .section4 .input-group{ position: relative; display: table; border-collapse: separate; } .section4 .input-group-btn, .section4 .input-group-label, .section4 .input-group-input{ position: relative; font-size: 0; white-space: nowrap; vertical-align: middle; display: table-cell; } .section4 .input-group-input{ padding-right: 10px; } .section4 .input-group-btn{ width: 1%; } .section4 label{ width: 1%; color: #b12b2c; margin-bottom: 0; white-space: nowrap; display: table-cell; padding-right: 10px; } } .section5 .youtube{ width: 100%; height: 1px; padding-bottom: 1000px; background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; } .section5 iframe{ width: 100%; height: 100%; } .section5 .youtube .play { background: url("../images/5/play_sm.png") no-repeat center center; position: absolute; height: 100%; width: 100%; padding: 0 15px; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; } @media (min-width: 768px) { .section5 .youtube .play { background: url("../images/5/play.png") no-repeat center center; } } .section5 .youtube .play:hover { opacity: 1; filter: alpha(opacity=100); } .section6{ background-image:url("../images/6/bg.jpg"); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; padding: 60px 0; } .section6 h2{ color: white; } .section6 .card{ background: white; border-radius: 10px; overflow: hidden; position: relative; } .section6 .card:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 35px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); } .section6 .carousel { overflow: hidden; border-radius: 10px; width: 160%; } .section6 .carousel.active .item:last-child{ left: 12%; } .section6 .card .item{ width: 50%; padding: 0 20px 20px 50px; height: 100%; cursor: pointer; } .section6 .card .item.wish-tem-scroll{ position: absolute; left: 50%; top: 0; transition: 1s linear; background: white; -webkit-box-shadow: -20px 0px 20px 0px rgba(255,255,255,1); -moz-box-shadow: -20px 0px 20px 0px rgba(255,255,255,1); box-shadow: -20px 0px 20px 0px rgba(255,255,255,1); } .section6 .item-scroll{ background: url("../images/6/scroll.png") no-repeat 0 center; position: absolute; left: 0; top: 0; height: 100%; width: 55px; opacity: 0.1; transition: 1s linear; } .section6 .card:hover .item-scroll{ opacity: 1; } .section6 .card .item-scroll:before{ content: ""; position: absolute; top: 32px; left: 17px; bottom: 32px; border-left: 2px solid #b7b7b7; } .section6 .item-header{ margin: 0 0 30px; border-top: 3px solid #b7b7b7; } .section6 .item-header-numeral{ background: #ffc73c; text-align: center; width: 40px; height: 65px; color: white; border-radius: 0 0 25px 25px; padding-top: 30px; margin-right: 10px; font-family: Georgia, serif; font-size: 24px; display: inline-block; } .section6 .item-header-caption{ display: inline-block; font-size: 18px; font-weight: 500; text-transform: uppercase; } .section6 .card p{ padding-top: 35px; } .section7{ padding: 20px 0 40px; } .section7 .ug-button-tile-navigation{ opacity: 0.5; } .section7 .ug-button-tile-play{ display: none; } /* --------------------------- */ .section8{ background-image:url("../images/8/bg.jpg"); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; color: white; padding: 60px 0 0; } .section8 .container{ position: relative; padding-bottom: 60px; } .section8 .link_bottom{ position: absolute; left: 15px; bottom: 0; } /* --------------------------- */ .section9{ padding: 60px 0 10px; } @media (max-width: 767px) { .section9 .media-body, .section9 .media-left, .section9 .media-right{ display: block; } .section9 .media-body{ width: auto; } .section9 .media-left { padding-right: 0; } } .section9 .media-left{ padding-right: 20px; } .section9 img{ -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; margin: 0 auto; } .section9 blockquote { padding: 40px 0 0 0; margin: 0 0 50px; font-size: 16px; border-left: none; position: relative; } .section9 blockquote::before{ content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #f6c342; position: absolute; left: 0; top: -16px; } footer{ background: #67b73e; padding-bottom: 20px; color: white; } footer a{ color: white; } footer a:hover{ color: #ffc73b; } footer label{ font-weight: 400; } footer .footer-top{ border-top: 3px solid #477e23; padding-top: 50px; font-size: 16px; } footer .phone{ padding-left: 36px; background: url("../images/10/phone.png"); background-repeat: no-repeat; background-position: top left; } footer .mail{ padding-left: 36px; background: url("../images/10/mail.png"); background-repeat: no-repeat; background-position: top left; } footer address{ font-size: 18px; padding-left: 36px; margin-bottom: 0; } footer address a{ display: block; } footer address span{ font-size: 22px; } .a_youtube, .a_facebook, .a_vk{ width: 100px; height: 50px; margin-right: 4px; background: url("../images/10/icon_soc_all.png"); background-repeat: no-repeat; background-position: -3px 0; display: inline-block; } footer .a_facebook:hover{ background-position: -3px -47px; } footer .a_youtube{ background-position: -103px 0px; } footer .a_youtube:hover{ background-position: -103px -47px; } footer .a_vk{ width: 100px; height: 50px; margin-right: 4px; background: url("../images/10/icon_soc_vk.png"); background-repeat: no-repeat; background-position: -3px 0; display: inline-block; } footer .a_vk:hover{ background-position: -3px -47px; } footer .a_footer-bottom{ color: white; font-size: 12px; }