commit 7bc5a373fb990b49ce3a2864e682e4a4f664eef1 Author: sHa Date: Thu May 24 01:25:12 2018 +0300 Initial commit diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..3f8f37d --- /dev/null +++ b/contact.php @@ -0,0 +1,99 @@ + 'success', 'msg' => __SUCCESS_MESSAGE__)); + } else { + echo json_encode(array('info' => 'error', 'msg' => __ERROR_MESSAGE__)); + } +} + +//Get data form and send mail +if(isset($_POST['name']) and isset($_POST['mail']) and isset($_POST['messageForm'])){ + $name = $_POST['name']; + $mail = $_POST['mail']; + $subjectForm = $_POST['subjectForm']; + $messageForm = $_POST['messageForm']; + + if($name == '') { + echo json_encode(array('info' => 'error', 'msg' => "Please enter your name.")); + exit(); + } else if($mail == '' or check_email($mail) == false){ + echo json_encode(array('info' => 'error', 'msg' => "Please enter valid e-mail.")); + exit(); + } else if($messageForm == ''){ + echo json_encode(array('info' => 'error', 'msg' => "Please enter your message.")); + exit(); + } else { + $to = __TO__; + $subject = $subjectForm . ' ' . $name; + $message = ' + + + Mail from '. $name .' + + + + + + + + + + + + + + + + + + + +
Name:'. $name .'
E-mail:'. $mail .'
Subject:'. $subjectForm .'
Message:'. $messageForm .'
+ + + '; + + $headers = 'MIME-Version: 1.0' . "\r\n"; + $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n"; + $headers .= 'From: ' . $mail . "\r\n"; + + send_mail($to,$subject,$message,$headers); + } +} else { + echo json_encode(array('info' => 'error', 'msg' => __MESSAGE_EMPTY_FIELDS__)); +} + ?> \ No newline at end of file diff --git a/css/animate.css b/css/animate.css new file mode 100644 index 0000000..60f0c96 --- /dev/null +++ b/css/animate.css @@ -0,0 +1,2744 @@ +@charset "UTF-8"; + + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/css/owl.carousel.css b/css/owl.carousel.css new file mode 100644 index 0000000..4e3c17c --- /dev/null +++ b/css/owl.carousel.css @@ -0,0 +1,71 @@ +/* + * Core Owl Carousel CSS File + * v1.3.3 + */ + +/* clearfix */ +.owl-carousel .owl-wrapper:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +/* display none until init */ +.owl-carousel{ + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; +} +.owl-carousel .owl-wrapper{ + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); +} +.owl-carousel .owl-wrapper-outer{ + overflow: hidden; + position: relative; + width: 100%; +} +.owl-carousel .owl-wrapper-outer.autoHeight{ + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} + +.owl-carousel .owl-item{ + float: left; +} +.owl-controls .owl-page, +.owl-controls .owl-buttons div{ + cursor: pointer; +} +.owl-controls { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* mouse grab icon */ +.grabbing { + cursor:url(grabbing.png) 8 8, move; +} + +/* fix */ +.owl-carousel .owl-wrapper, +.owl-carousel .owl-item{ + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); +} + diff --git a/css/owl.theme.css b/css/owl.theme.css new file mode 100644 index 0000000..9772975 --- /dev/null +++ b/css/owl.theme.css @@ -0,0 +1,79 @@ +/* +* Owl Carousel Owl Demo Theme +* v1.3.3 +*/ + +.owl-theme .owl-controls{ + margin-top: 10px; + text-align: center; +} + +/* Styling Next and Prev buttons */ + +.owl-theme .owl-controls .owl-buttons div{ + color: #FFF; + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ + margin: 5px; + padding: 3px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background: #869791; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; +} +/* Clickable class fix problem with hover on touch devices */ +/* Use it for non-touch hover action */ +.owl-theme .owl-controls.clickable .owl-buttons div:hover{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; + text-decoration: none; +} + +/* Styling Pagination*/ + +.owl-theme .owl-controls .owl-page{ + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span{ + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: #869791; +} + +.owl-theme .owl-controls .owl-page.active span, +.owl-theme .owl-controls.clickable .owl-page:hover span{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; +} + +/* If PaginationNumbers is true */ + +.owl-theme .owl-controls .owl-page span.owl-numbers{ + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} + +/* preloading images */ +.owl-item.loading{ + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center +} \ No newline at end of file diff --git a/css/prettyPhoto.css b/css/prettyPhoto.css new file mode 100644 index 0000000..229010b --- /dev/null +++ b/css/prettyPhoto.css @@ -0,0 +1,170 @@ +div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} +div.pp_default .pp_top .pp_left{background:transparent;} +div.pp_default .pp_top .pp_middle{background:transparent;} +div.pp_default .pp_top .pp_right{background:transparent;} +div.pp_default .pp_content .ppt{color:#f8f8f8} +div.pp_default .pp_content_container .pp_left{background:transparent;padding-left:13px} +div.pp_default .pp_content_container .pp_right{background:transparent;padding-right:13px} +div.pp_default .pp_next:hover{background:transparent;cursor:pointer} +div.pp_default .pp_previous:hover{background:transparent;cursor:pointer} +div.pp_default .pp_expand{background:transparent;cursor:pointer;width:28px;height:28px} +div.pp_default .pp_expand:hover{background:transparent;cursor:pointer} +div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} +div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} +div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} +div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} +div.pp_default .pp_social{margin-top:7px} +div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} +div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} +div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} +div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} +div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} +div.pp_default .pp_content_container .pp_details{margin-top:5px} +div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} +div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} +div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} +div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} +div.pp_default .pp_bottom .pp_left{background:transparent;} +div.pp_default .pp_bottom .pp_middle{background:transparent;} +div.pp_default .pp_bottom .pp_right{background:transparent;} +div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} +div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} +div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} +div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} +div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} +div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} +div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} +div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} +div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} +div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} +div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} +div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.dark_rounded .pp_description{margin-right:85px;color:#fff} +div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} +div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} +div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} +div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} +div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} +div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} +div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} +div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} +div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.dark_square .pp_nav{clear:none} +div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} +div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} +div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} +div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} +div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} +div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} +div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} +div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} +div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} +div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} +div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} +div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} +div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.facebook .pp_description{margin:0 37px 0 0} +div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} +div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} +div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} +div.facebook .pp_nav{margin-top:0} +div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} +div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} +div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} +div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} +div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} +div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} +div.pp_pic_holder a:focus{outline:none} +div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} +div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} +.pp_content{height:40px;min-width:40px} +* html .pp_content{width:40px} +.pp_content_container{position:relative;text-align:left;width:100%} +.pp_content_container .pp_left{padding-left:20px} +.pp_content_container .pp_right{padding-right:20px} +.pp_content_container .pp_details{float:left;margin:10px 0 2px} +.pp_description{display:none;margin:0} +.pp_social{float:left;margin:0} +.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} +.pp_social .twitter{float:left} +.pp_nav{clear:right;float:left;margin:3px 10px 0 0} +.pp_nav p{float:left;white-space:nowrap;margin:2px 4px} +.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} +a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} +.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} +.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} +.pp_gallery div{float:left;overflow:hidden;position:relative} +.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} +.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} +.pp_gallery ul a img{border:0} +.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} +.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} +.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} +a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} +a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} +a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} +a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} +.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} +#pp_full_res{line-height:1!important} +#pp_full_res .pp_inline{text-align:left} +#pp_full_res .pp_inline p{margin:0 0 15px} +div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} +div.pp_default .pp_content,div.light_rounded .pp_content{} +div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} +div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} +div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} +div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} +div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} +div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} +div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} +div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} +div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} +div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} +div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} +div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} +.pp_top,.pp_bottom{height:20px;position:relative} +* html .pp_top,* html .pp_bottom{padding:0 20px} +.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} +.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} +* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} +.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} +.pp_fade,.pp_gallery li.default a img{display:none} \ No newline at end of file diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000..9a5cb73 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,113 @@ + +/* This Css is for small mobile */ + +@media (max-width: 767px) { + .single_store { + border-left: 0px; + } + .last { + border-right: 0px; + } + .iphone { + float: none; + text-align: center; + } + .about_phone { + text-align: center; + } + .video { + padding-top: 50px; + } + .video-button { + text-align: center; + } + .call_to_action .col-md-3 { + text-align: center; + padding-top: 50px; + } + .single_fun_facts { + padding-bottom: 60px; + } + .about_phone img { + width: 100%; + } +} +/* This Css is for tablet */ + +@media (min-width: 760px) { + .single_store { + border-left: 0px; + } + .last { + border-right: 0px; + } + .iphone { + float: none; + text-align: center; + } + .about_phone { + text-align: center; + } + .call_to_action .col-md-3 { + text-align: center; + padding-top: 50px; + } + .video-button { + text-align: center; + } + .single_fun_facts { + padding-bottom: 60px; + } + .video { + padding-top: 50px; + } +} +/* This Css is for Medium Deviced */ + +@media (min-width: 992px) { + .last { + border-right: 1px solid #0F1217; + } + .single_store { + border-left: 1px solid #0F1217; + } + .iphone { + float: right; + } + .video-button { + text-align: left; + } + .call_to_action .col-md-3 { + text-align: right; + padding-top: 0px; + } + .single_fun_facts { + padding-bottom: 0px; + } + .video { + padding-top: 00px; + } +} +/* This Css is for large Deviced */ + +@media (min-width: 1200px) { + .last { + border-right: 1px solid #0F1217; + } + .single_store { + border-left: 1px solid #0F1217; + } + .iphone { + float: right; + } + .video-button { + text-align: left; + } + .call_to_action .col-md-3 { + text-align: right; + padding-top: 0px; + } + .video { + padding-top: 0px; + } +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..4376a9b --- /dev/null +++ b/css/style.css @@ -0,0 +1,1174 @@ +/* +Theme Name: Bent +Author: Allie +Version: 1.0 +URL: http://designscrazed.org/ +*/ + +/* Table of Content +================================================== + 1. COMMON STYLES + 2. SECTION HOME + 3. SECTION ABOUT + 4. SECTION VIDEO + 5. SECTION TESTIMONIAL + 6. SECTION FEATURES + 7. SECTION CALL TO ACTION + 8. SECTION APPS SCREEN + 9. SECTION FUN FACTS + 10. SECTION DOWNLOAD + 11. SECTION CONTACT + 12. SECTION SUBSCRIBE + 13. SECTION FOOTER + +*/ +* { + margin: 0; + padding: 0; +} +body { + font-family: 'Raleway', sans-serif; + overflow-y: scroll; + overflow-x: hidden; +} +p { + font-family: 'Raleway', sans-serif; + font-size: 14px; +} +/*--------------------------------------- + COMMON STYLES +-----------------------------------------*/ + +.section_title { + padding-top: 90px; + padding-bottom: 50px; +} +.section_title h2 { + text-transform: uppercase; + text-align: center; + position: relative; + color: #333; + font-size: 30px; + font-weight: 400; +} +.section_title h2:after { + content: ""; + position: absolute; + bottom: -20px; + width: 60px; + height: 1px; + background-color: #0a6609; + left: 50%; + margin-left: -30px; +} +.section_title p { + text-align: center; + margin-top: 45px; + color: #333; + font-size: 18px; + line-height: 28px; + font-weight: 300; +} +.parallax { + background-attachment: fixed !important; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} +/*--------------------------------------- + SECTION HOME +-----------------------------------------*/ +/*menu*/ + +.header h2 { + height: 0px; + margin: 0px; +} +.navbar { + margin-top: -100px +} +.navbar-brand { + padding: 9px 15px; +} +@media(min-width:768px) { + .navbar-default { + background-color: transparent; + } + .navbar-default .navbar-nav>li>a { + color: #B5B5B5; + font-family: 'Raleway', sans-serif; + } + .navbar-default .navbar-nav>li>a:hover { + color: #0a6609; + } + .navbar-default .navbar-nav>li>a:focus { + color: #B5B5B5; + } + .navbar-default { + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + z-index: 110; + } + .navbar-brand img { + padding-top: 25px; + height: 45px; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + } + .navbar-default .navbar-nav>li>a { + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + } + .navbar-nav>li>a { + padding-top: 45px; + } +} +@media (max-width: 768px) { + +} +.navbar-default .navbar-nav>.active>a, +.navbar-default .navbar-nav>.active>a:hover, +.navbar-default .navbar-nav>.active>a:focus { + background: transparent; + color: #fff; +} +.header { + background: url(../images/home.jpg); + background-size: cover; + background-repeat: no-repeat; +} +.header .section_overlay { + background-color: rgba(33, 33, 33, .75); +} +.logo{ + padding-bottom: 50px; +} +.logo img{ + width: 150px; +} +.home_text{ + text-align: left; +} +.home-iphone{ + text-align: right; +} +.home-iphone img{ + width: 100%; +} + +@media (max-width: 768px){ + .home-iphone{ + display: none; + } + .home_text{ + text-align: center; + } + +} +.home_text h1 { + color: #fff; + text-transform: uppercase; + font-size: 35px; + font-weight: 300; + line-height: 45px; + padding-top: 30px +} +.home_text p { + color: #fff; + font-size: 17px; + line-height: 28px; + margin-top: 0px; + font-weight: 300; +} +.download-btn { + margin-top: 90px; + margin-bottom: 50px +} +.home-btn, +.home-btn:focus, +.home-btn:active, +.home-btn:visited { + background: transparent; + border-color: #0a6609; + color: #0a6609; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 30px; + padding-right: 30px; + font-size: 19px; + text-transform: uppercase; + border-radius: 3px; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.home-btn:hover { + background-color: #0a6609; + color: #fff; +} +.tuor, +.tuor:focus, +tuor:active, +tuor:visited { + color: #A9ADB0; + margin-left: 20px; + text-transform: uppercase; + font-size: 19px; + font-weight: 500; + background: transparent; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.tuor:hover { + color: #fff; +} +.tuor i { + font-size: 20px; + padding-left: 5px; + color: #fff; +} + + + +/*--------------------------------------- + SECTION ABOUT +-----------------------------------------*/ + +.about_desc { + display: flex; + flex-direction: row; + margin: 2rem 0; +} +.about_image{ + width: 100%; +} +.inner_about_desc { + margin-left: 5rem; +} +.about { + background: #F1F1F1; +} +.inner_about_area p, +.inner_about_area{ + font-size: 18px; +} +.inner_about_title { + padding-bottom: 50px; +} +.inner_about_title h2 { + text-transform: uppercase; + font-weight: 800; + font-size: 30px; + line-height: 37px; + position: relative; +} +.inner_about_title h2:after { + content: ""; + position: absolute; + bottom: -12px; + left: 0; + width: 70px; + background: #0a6609; + height: 1px; +} +.inner_about_title p { + font-size: 19px; + line-height: 24px; + margin-top: 40px; +} +.single_about_area { + position: relative; + padding-bottom: 4px; + padding-left: 80px; +} +.single_about_area div { + position: absolute; + top: 0px; + left: 0px; +} +.single_about_area div i { + font-size: 55px; + color: #BABABA; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.single_about_area h3 { + color: #343434; + text-transform: uppercase; + font-size: 20px; + font-weight: 800; +} +.single_about_area p { + color: #727272; + font-size: 15px; +} +.single_about_area:hover div i { + color: #0a6609; +} + +.about_image img { + width: 100%; + margin-right: 20% +} +/*--------------------------------------- + SECTION VIDEO +-----------------------------------------*/ + +.video_area { + background: #e4e4e4; + padding-bottom: 140px; + padding-top: 120px; +} +.video_title { + padding-bottom: 30px; +} +.video_title h2 { + text-transform: uppercase; + font-weight: 800; + font-size: 30px; + line-height: 37px; + position: relative; + margin-top: 0px; +} +.video_title h2:after { + content: ""; + position: absolute; + bottom: -12px; + left: 0; + width: 70px; + background: #0a6609; + height: 1px; +} +.video_title p { + font-size: 18px; + line-height: 28px; + margin-top: 40px; + color: #333; + font-weight: 300; +} +.btn-video, +.btn-video:active, +.btn-video:focus, +.btn-video:visited { + background: transparent; + border: 1px solid #929292; + color: #686868; + border-radius: 3px; + padding: 12px 35px; + text-transform: uppercase; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.btn-video:hover { + background: #0a6609; + color: #fff; + border: 1px solid #0a6609; +} +.video iframe { + width: 100%; + border: 1px solid #999999; + padding: 5px; +} +/*--------------------------------------- + SECTION TESTIMONIAL +-----------------------------------------*/ + +#owl-demo .item { + margin-left: 90px; + margin-right: 90px; + margin-bottom: 50px; +} +#owl-demo .item img { + display: block; + width: 100%; + height: auto; +} +.testimonial { + background: url(../images/testimonial.jpg); + background-size: cover; + background-repeat: no-repeat; +} +.testimonial .section_overlay { + background: rgba(0, 0, 0, .6); + padding-top: 80px; + padding-bottom: 80px; +} +.carousel-indicators { + bottom: -8px; +} +div.carousel-inner .item img { + border: 2px solid #0a6609; + border-radius: 50%; + padding: 3px; +} +.testimonial_caption { + padding-bottom: 70px; +} +.testimonial_caption p { + color: #D8D8D8; + font-size: 18px; + line-height: 27px; + padding-top: 50px; +} +.testimonial_caption h2 { + color: #0a6609; + text-transform: uppercase; + font-weight: 900; + font-size: 30px; + margin-top: 25px; +} +.testimonial_caption h4 { + color: #0a6609 +} +.testimonial_caption h4 span { + color: #D8D8D8; + font-style: italic; + font-weight: 300; +} +.testimonial ol.carousel-indicators li { + width: 12px; + height: 12px; + border: 1px solid #0a6609; + margin: 1PX +} +.testimonial ol.carousel-indicators li.active { + width: 12px; + height: 12px; + border: 0px solid #0a6609; + background: #0a6609; +} +/*--------------------------------------- + SECTION FEATURES +-----------------------------------------*/ +.spotlight h3{ + text-transform: uppercase; + font-size: 30px; +} +.spotlight { + display: flex; +} +.spotlight:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.225); + flex-direction: row; +} +.spotlight:nth-child(even) { + background-color: rgba(0, 0, 0, 0.15); + flex-direction: row-reverse; +} + +.spotlight .content { + padding: 2em 4em 0.1em 4em; + order: 2; + max-width: 48em; + width: 60%; +} +.spotlight .image { + order: 1; + border-radius: 0; + width: 40%; +} +.spotlight p { + font-size:20px; + font-weight: 300; +} +.spotlight .image img { + border-radius: 0; + width: 100%; +} +.number { + font-size: 30px; + font-weight: 300; +} +.features { + background-color: #f1f1f1 +} +.feature_inner { + background-color: #777163; + color: #fff; +} +.feature_iphone img { + width: 100%; +} +.right_single_feature { + position: relative; + padding-left: 90px; + margin-bottom: 65px; + margin-top: 35px; +} +.right_single_feature div { + position: absolute; + font-size: 40px; + color: #0a6609; + left: 0; + width: 90px; + height: 90px; + text-align: center; + top: -8px; +} +.right_single_feature h3 { + text-transform: uppercase; + font-size: 25px; + font-weight: 700; + margin-bottom: 21px; + color: #333333; +} +.right_single_feature h3 span { + color: #0a6609; +} +.right_single_feature p { + color: #333; + font-size: 16px; + font-weight: 300; + line-height: 25px; +} +/*left feature*/ + +.left_single_feature { + position: relative; + padding-right: 90px; + margin-bottom: 65px; + text-align: right; + margin-top: 35px; +} +.left_single_feature div { + position: absolute; + font-size: 40px; + color: #0a6609; + right: 0; + width: 90px; + height: 90px; + text-align: center; + top: -8px; +} +.left_single_feature h3 { + text-transform: uppercase; + font-size: 25px; + font-weight: 700; + margin-bottom: 21px; + color: #333333; +} +.left_single_feature h3 span { + color: #0a6609; +} +.left_single_feature p { + color: #333; + font-size: 16px; + font-weight: 300; + line-height: 25px; +} +.right_no_padding { + padding-left: 15px; +} +.left_no_padding { + padding-right: 15px; +} +@media (min-width: 991px) and (max-width: 1200px) { + .right_single_feature { + margin-left: -60px; + } + .left_single_feature { + margin-right: -60px; + } + .feature_iphone { + margin-top: 35px; + } + .right_single_feature h3, + .left_single_feature h3 { + margin-top: 0px; + margin-bottom: 15px; + } +} + + +/*--------------------------------------- + SECTION CALL TO ACTION +-----------------------------------------*/ + +.call_to_action { + background-color: #3d4d35; + padding-top: 100px; + padding-bottom: 100px; +} +.call_to_action p { + color: #dfdfdf; + font-size: 18px; + font-weight: 300; +} +.btn-action, +.btn-action:active, +.btn-action:focus, +.btn-action:visited { + background: #0a6609; + border: 1px solid #0a6609; + color: #fff; + border-radius: 3px; + padding: 15px 35px; + text-transform: uppercase; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.btn-action:hover { + background: #FF6B80; + border-color: #FF6B80; +} + +/*--------------------------------------- + SECTION APPS SCREEN +-----------------------------------------*/ + +.apps_screen { + background: #f1f1f1; + padding-bottom: 96px; +} +.screen_slider { + padding-top: 50px; +} +.owl-theme .owl-controls .owl-page span { + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: Alpha(Opacity=50); + opacity: 0.5; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: transparent; + border: 1px solid #0a6609; +} +.owl-theme .owl-controls .owl-page.active span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + opacity: 1; + background: #0a6609; +} +/*--------------------------------------- + SECTION FUN FACTS +-----------------------------------------*/ +.fun_facts h2{ + color: #fff; +} +.fun_facts p{ + color: #fff; +} + +.fun_facts h2:after{ + background-color: #ffe400; +} +.fun_facts { + background: url(../images/awards.png) no-repeat center; + background-size: cover; +} +.fun_facts .section_overlay { + /* padding-top: 120px; */ + padding-bottom: 120px; + background: rgba(0, 0, 0, .4); +} +.single_fun_facts { + font-family: 'Source Sans Pro', sans-serif; +} +.single_fun_facts i { + color: #ffe400; + font-size: 60px; +} +.single_fun_facts h2 { + color: #D7DADB; + font-weight: 700; + text-transform: uppercase; + font-size: 35px; + margin-top: 15px; + margin-bottom: 1px; + font-family: 'Source Sans Pro', sans-serif; +} +.single_fun_facts h2 span { + font-weight: 300; + font-family: 'Source Sans Pro', sans-serif; +} +.single_fun_facts p { + color: #D7DADB; + font-size: 20px; + margin-top: 0px; + font-weight: 300; + text-transform: uppercase; + font-family: 'Source Sans Pro', sans-serif; +} +/*--------------------------------------- + SECTION DOWNLOAD +-----------------------------------------*/ + +.download { + background: #f1f1f1; +} +.download_screen img { + width: 500px; + position: absolute; + bottom: -240px; + left: 0; +} +.available_store { + background-image: url('../images/fsc.png'); + background-color: #539b00; + margin-top: -8px; + position: relative; + background-repeat: no-repeat; + background-size: cover; + min-height: 240px; + margin-top: 200px; +} +.available_title { + padding-top: 75px; +} +.available_title h2 { + color: #fff; + font-size: 30px; +} +.available_title p { + color: #B5B5B5; +} +.single_store { + text-align: center; + border-left: 1px solid #0F1217; + min-height: 230px; + padding-bottom: 15px; + position: relative; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.single_store i { + color: #0a6609; + text-align: center; + opacity: 1; + font-size: 40px; + padding-top: 90px; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.store_inner { + position: absolute; + bottom: 93px; + width: 100%; + opacity: 0; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.store_inner h2 { + text-align: center; + font-weight: 300; + color: #d7dadb; + font-size: 16px; +} +.single_store:hover { + background: #121212; +} +.single_store:hover i { + opacity: 0; +} +.single_store:hover div.store_inner { + opacity: 1; +} +.no_padding { + padding-left: 0px; + padding-right: 0px; +} +.last { + border-right: 1px solid #0F1217; +} +/*--------------------------------------- + SECTION CONTACT +-----------------------------------------*/ + +.contact { + background: #f1f1f1; + background-repeat: no-repeat; + background-size: cover; +} +.contact_form { + padding: 5rem 0; +} +.contact_form .form-control { + display: block; + display: block; + width: 100%; + height: 50px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: transparent; + border: 1px solid #aeaeae; + background-image: none; + border-radius: 3px; + margin-bottom: 15px; + opacity: .8; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + outline: 0px !important; + +} +.contact_form .form-control:focus { + border: 1px solid #0a6609; + border-color: #0a6609; + outline: 0px none; + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6); +} +.contact_form .form-control:-webkit-input-placeholder { + color: red; +} +.form-control:-moz-placeholder { + /* Firefox 18- */ + + color: red; +} +.form-control:-moz-placeholder { + /* Firefox 19+ */ + + color: red; +} +.form-control:-ms-input-placeholder { + color: red; +} +.submit-btn, +.submit-btn:active, +.submit-btn:focus, +.submit-btn:visited { + background-color: transparent; + border: 1px solid #0a6609; + border-radius: 4px; + width: 100%; + height: 50px; + text-transform: uppercase; + font-size: 18px; + color: #0a6609; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + outline: 0px !important; +} +.submit-btn:hover { + background-color: #0a6609; + color: #fff; + border-color: #0a6609; +} +.social_icons ul { + margin: 0; + padding: 0; + text-align: center; +} +.social_icons ul li { + list-style: none; + display: inline; + padding-left: 10px +} +.social_icons ul li a { + text-decoration: none; + display: inline-block; + text-align: center; + border: 1px solid #9d9d9d; + border-radius: 3px; + width: 45px; + height: 45px; + line-height: 49px; + color: #9d9d9d; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.social_icons ul li a i { + font-size: 20px; +} +.social_icons ul li a:hover { + background: #0a6609; + border: 1px solid #0a6609; + color: #fff +} +.error { + color: #0a6609; + display: block; + padding-bottom: 15px; + font-size: 18px +} +.error i { + padding-right: 10px; + font-size: 18px +} +.Sucess { + color: #4DB849; + display: block; + padding-bottom: 15px; + font-size: 18px; + text-align: center; +} +.Sucess i { + padding-right: 10px; + font-size: 18px; + color: #4DB849 +} +.contact_form .form-control { + color: #3d3d3d; +} +#message { + height: 117px; + resize: none; +} +/*--------------------------------------- + SECTION SUBSCRIBE +-----------------------------------------*/ + +.subscribe { + background-image: url(../images/subscribe.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} +.subscribe .section_overlay { + padding-bottom: 70px; + background: transparent +} +.subscribe .section_title h2{ + color: #eaeaea; +} +.subscribe .section_title p{ + color: #a4a4a4; +} +.subscribe_form { + text-align: center; + padding-top: 30px; +} +.subscribe_form .form-group .subscribe_form .form-control { + background: transparent; + border: 1px solid #575b63; + border-radius: 0px; + height: 45px; + border-left: 0px; + border-right: 0px; + border-top: 0px; + color: #aeaeae; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; +} +.subscribe_form .form-control:focus { + background: transparent; + border-bottom: 1px solid #f1f1f1; + box-shadow: none; +} +.subs-btn, +.subs-btn:active, +.subs-btn:focus, +.subs-btn:visited { + width: 200px; + background: transparent; + border: 1px solid #0a6609; + border-radius: 4px; + height: 45px; + margin-left: 0px; + margin-bottom: 1px; + color: #0a6609; + text-transform: uppercase; + font-weight: 600; + font-size: 17px; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + outline: 0px !important; +} +.subs-btn:hover { + background-color: #0a6609; + color: #fff; + border-color: #0a6609; +} +@media (min-width: 300px) { + .subscribe_form .form-control { + width: 100% + } +} +.subscription-success { + color: #fff; + text-align: center; + font-size: 20px; +} +.subscription-error { + color: #fff; + text-align: center; + font-size: 20px; +} +/*--------------------------------------- + SECTION FOOTER +-----------------------------------------*/ + +.copyright { + background-color: #1A1D22; + padding-bottom: 65px; + padding-top: 65px; + border-bottom: 3px solid #0a6609; +} +.copyright h2 { + height: 0px; + margin: 0px; +} +.copy_right_text { + width: 60%; +} +.copy_right_text p { + color: #8C8B8A; + font-weight: 600; + text-transform: uppercase; + font-size: 15px; +} +.copy_right_text p a { + text-decoration: none; + color: #0a6609; +} +.copy_right_text p span { + font-weight: 300; +} +.scroll_top { + text-align: right; +} +.scroll_top a { + background: #0a6609; + padding: 25px; +} +.scroll_top a i { + color: #fff; + font-size: 25px; +} +input:-webkit-autofill, +textarea:-webkit-autofill, +select:-webkit-autofill { + background-color: red; + background-image: none; + color: rgb(0, 0, 0); +} +.spn_hol { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #fff; + z-index: 50000; + opacity: 1; + -webkit-transition: all 1s; + -moz-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.spn_hol .logo img{ + width: 250px; +} +.spinner { + /* position: absolute; */ + /* top: 50%; */ + margin-top: -12px; + /* left: 50%; */ + /* margin-left: -35px; */ + height: 24px; + width: 70px; + text-align: center; + display: block; +} +.spinner > div { + width: 18px; + height: 18px; + background-color: #0a6609; + border-radius: 100%; + display: inline-block; + -webkit-animation: bouncedelay 1.4s infinite ease-in-out; + animation: bouncedelay 1.4s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.spinner .bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} +.spinner .bounce2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} +@-webkit-keyframes bouncedelay { + 0%, 80%, 100% { + -webkit-transform: scale(0.0) + } + 40% { + -webkit-transform: scale(1.0) + } +} +@keyframes bouncedelay { + 0%, 80%, 100% { + transform: scale(0.0); + -webkit-transform: scale(0.0); + } + 40% { + transform: scale(1.0); + -webkit-transform: scale(1.0); + } +} + +.navbar-default{ + border-color: transparent; +} + +.navbar-fixed-top{ + margin-top: -100px; opacity: 0; +} +.navbar-default .navbar-toggle { + border-color: transparent; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: transparent; + color: #fff; +} +.navbar-default .navbar-toggle:hover .icon-bar, +.navbar-default .navbar-toggle:focus .icon-bar { + background-color: #fff; +} + +#map{ + height: 400px; +} + +.cnt_email, +.cnt_phone{ + font-size: 2.4rem; + color: #333; + line-height: 5rem; +} +.cnt_email a, +.cnt_phone a{ + color: #333; +} diff --git a/images/about1.jpg b/images/about1.jpg new file mode 100644 index 0000000..2de228f Binary files /dev/null and b/images/about1.jpg differ diff --git a/images/awards.png b/images/awards.png new file mode 100644 index 0000000..fa5d28c Binary files /dev/null and b/images/awards.png differ diff --git a/images/cert.jpg b/images/cert.jpg new file mode 100644 index 0000000..7e6971d Binary files /dev/null and b/images/cert.jpg differ diff --git a/images/client_1.png b/images/client_1.png new file mode 100644 index 0000000..5e5b210 Binary files /dev/null and b/images/client_1.png differ diff --git a/images/client_2.png b/images/client_2.png new file mode 100644 index 0000000..eafe252 Binary files /dev/null and b/images/client_2.png differ diff --git a/images/client_3.png b/images/client_3.png new file mode 100644 index 0000000..9964ea9 Binary files /dev/null and b/images/client_3.png differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..6eab452 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/fsc.png b/images/fsc.png new file mode 100644 index 0000000..32cb49e Binary files /dev/null and b/images/fsc.png differ diff --git a/images/home.jpg b/images/home.jpg new file mode 100644 index 0000000..a9fc4c3 Binary files /dev/null and b/images/home.jpg differ diff --git a/images/logist_01.jpg b/images/logist_01.jpg new file mode 100644 index 0000000..23c12d1 Binary files /dev/null and b/images/logist_01.jpg differ diff --git a/images/logist_02.jpg b/images/logist_02.jpg new file mode 100644 index 0000000..65b6197 Binary files /dev/null and b/images/logist_02.jpg differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..8e02749 Binary files /dev/null and b/images/logo.png differ diff --git a/images/logo_w.png b/images/logo_w.png new file mode 100644 index 0000000..bc8fd1d Binary files /dev/null and b/images/logo_w.png differ diff --git a/images/prod1.jpg b/images/prod1.jpg new file mode 100644 index 0000000..cdc2f57 Binary files /dev/null and b/images/prod1.jpg differ diff --git a/images/prod2.jpg b/images/prod2.jpg new file mode 100644 index 0000000..c8baff2 Binary files /dev/null and b/images/prod2.jpg differ diff --git a/images/prod3.jpg b/images/prod3.jpg new file mode 100644 index 0000000..62ee7df Binary files /dev/null and b/images/prod3.jpg differ diff --git a/images/prod4.jpg b/images/prod4.jpg new file mode 100644 index 0000000..a85e439 Binary files /dev/null and b/images/prod4.jpg differ diff --git a/images/prod5.jpg b/images/prod5.jpg new file mode 100644 index 0000000..968d24f Binary files /dev/null and b/images/prod5.jpg differ diff --git a/images/prod6.jpg b/images/prod6.jpg new file mode 100644 index 0000000..ff48dca Binary files /dev/null and b/images/prod6.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2ac6402 --- /dev/null +++ b/index.html @@ -0,0 +1,474 @@ + + + + + + + + Slav Forest - виготовлення високоякісних пиломатеріалів + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+

+
+ + +
+
+
+ +
+
+
+
+
+ +

виготовлення високоякісних пиломатеріалів

+

+ +
+ + + ДЕТАЛЬНІШЕ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+

Про компанію

+

Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під торговою маркою «SLAV-FOREST».

+
+
+
+
+ +
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ +
+ +
+
+
+

Lorem ipsum dolor sit amet

+

Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.

+
+ +
+
+

Lorem ipsum dolor sit amet

+

Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.

+
+ +
+
+

Lorem ipsum dolor sit amet

+

Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.

+
+
+
+
+
+
+
+ +
+
+
+
+
+
+

Наші досягнення

+

чим ми пишаемося, щось цікаве або особливе

+
+
+
+
+
+
+
+
+ +

285 +

+

Робітинків

+
+
+
+
+ +

999

+

Посмішок

+
+
+
+
+ +

365

+

Екологія

+
+
+
+
+ +

10 +

+

Нагород

+
+
+
+
+
+
+ + +
+
+
+
+
+

Продукція

+

Потужності виробництва за рік. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.

+
+
+
+
+ +
+
+
+
+
+

Заготівля круглих лісоматеріалів

+

40 000 – 150 000 метрів кубічних

+

Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.

+
+
+
+
+
+

Переробка круглих сортиментів деревини

+

72 000 – 500 000 метрів кубічних

+

Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt

+
+
+
+
+
+

Виготовлення пиломатеріалів

+

24 000 – 250 000 метрів кубічних

+

Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.

+
+
+
+
+
+

Виготовлення меблевого щита, меблевого бруска та меблевої планки

+

5 500 – 11 000 метрів кубічних

+

Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt

+
+
+
+
+
+

Виробництво паливної гранули

+

1 500 – 15 000 метрів кубічних

+

Біг-беги та фасовка в поліетиленові мішки по 15 кг

+
+
+
+
+
+

Ввиробництво паливного брикету

+

1 800 – 4 000 метрів кубічних

+

Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt

+
+
+
+
+
+ +
+
+
+
+
+

Логістика

+

Відвантаження можемо виконувати як автотранспорт, так і жд. Способи навантажування (збоку, ззаду, верхня (жд)

+
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+
+
+

Заготівлю деревини проводимо заготівельним комплексом KOMATSU.

+

Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами SERRA.

+

На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за останніми високоякісними технологіями.

+

На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.

+
+
+
+
+
+ +
+
+
+
+
+

Сертифікати

+

Наше підприємство сертифіковане по системі FSC 100% стандарту FSC-STD-40-004 v.2.1 та маємо сертифікат FC-COC-804521.

+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+

Контактна інформація

+

+ slavforest@gmail.com +
+ +380 4657 34 110 +
+ +380 95 285 82 02 +

+
+
+
+ + +
+
+
+ +
+
+
+ +
+
+ +
+
Please Enter your name
+ + +
Please Enter Your Message
+
+
+ +
+
+
+ + + +
+ +
+ + +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+
+
+ +
+

+
+
+
+
+

Copyright © 2018. Slav Forest

+

Розробка shadoll

+
+
+ +
+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/jquery.ajaxchimp.langs.js b/js/jquery.ajaxchimp.langs.js new file mode 100644 index 0000000..f4120a9 --- /dev/null +++ b/js/jquery.ajaxchimp.langs.js @@ -0,0 +1,69 @@ +(function ($) { + 'use strict'; + + // ISO-693-1 Language codes: http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes + + // Submit Message + // 'submit': 'Submitting...' + + // Mailchimp Responses + // 0: 'We have sent you a confirmation email' + // 1: 'Please enter a value' + // 2: 'An email address must contain a single @' + // 3: 'The domain portion of the email address is invalid (the portion after the @: )' + // 4: 'The username portion of the email address is invalid (the portion before the @: )' + // 5: 'This email address looks fake or invalid. Please enter a real email address' + + $.ajaxChimp.translations = { + // Translation via https://github.com/lifeisfoo + 'it': { + 'submit': 'Registrazione in corso...', + 0: 'Ti abbiamo inviato una mail di conferma', + 1: 'Per favore inserisci una mail', + 2: 'Un indirizzo valido contiene una sola @', + 3: 'Il dominio della tua mail non è valido (la porzione dopo la @: )', + 4: 'Il nome della mail non è valido (la porzione prima della @: )', + 5: 'L\'indirizzo email sembra finto o non valido: per favore inseriscine uno reale' + }, + // Translation via https://github.com/Cube42 + 'de': { + 'submit': 'Senden...', + 0: 'Wir haben Ihnen eine Bestätigungs-E-Mail geschickt', + 1: 'Bitte geben Sie Ihre E-Mail-Adresse ein', + 2: 'Eine E-Mail-Adresse muss ein @ enthalten', + 3: 'Der Domain-Teil der E-Mail-Adresse ist ungültig (der Teil nach dem @)', + 4: 'Der Benutzername der E-Mail-Adresse ist ungültig (der Teil vor dem @)', + 5: 'Diese E-Mail-Adresse scheint gefälscht oder ungültig zu sein. Bitte geben Sie eine echte E-Mail-Adresse an!' + }, + // Translation via https://github.com/designorant + 'pl': { + 'submit': 'Wysyłanie...', + 0: 'Email z potwierdzeniem został wysłany', + 1: 'Proszę podać adres email', + 2: 'Adres email musi zawierać jeden znak @', + 3: 'Część adresu z domeną jest niepoprawna (część po znaku @: )', + 4: 'Część adresu z użytkownikiem jest niepoprawna (część przed znakiem @: )', + 5: 'Ten adres wygląda na nieprawdziwy lub niepoprawny. Proszę podać prawdziwy adres email.' + }, + // The translations below are from google translate, and may not be accurate. + // Pull requests with translations for other languages as well as corrections are welcome. + 'es': { + 'submit': 'Grabación en curso...', + 0: 'Te hemos enviado un email de confirmación', + 1: 'Por favor, introduzca un valor', + 2: 'Una dirección de correo electrónico debe contener una sola @', + 3: 'La parte de dominio de la dirección de correo electrónico no es válida (la parte después de la @:)', + 4: 'La parte de usuario de la dirección de correo electrónico no es válida (la parte antes de la @:)', + 5: 'Esta dirección de correo electrónico se ve falso o no válido. Por favor, introduce una dirección de correo electrónico real' + }, + 'fr': { + 'submit': 'Enregistrement en cours...', + 0: 'Nous vous avons envoyé un e-mail de confirmation', + 1: 'S\'il vous plaît entrer une valeur', + 2: 'Une adresse e-mail doit contenir un seul @', + 3: 'La partie domaine de l\'adresse e-mail n\'est pas valide (la partie après le @:)', + 4: 'La partie nom d\'utilisateur de l\'adresse email n\'est pas valide (la partie avant le signe @:)', + 5: 'Cette adresse e-mail semble faux ou non valides. S\'il vous plaît entrer une adresse email valide' + } + }; +})(jQuery); diff --git a/js/jquery.ajaxchimp.min.js b/js/jquery.ajaxchimp.min.js new file mode 100644 index 0000000..4649ed0 --- /dev/null +++ b/js/jquery.ajaxchimp.min.js @@ -0,0 +1 @@ +(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;var msg;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery); \ No newline at end of file diff --git a/js/jquery.counterup.min.js b/js/jquery.counterup.min.js new file mode 100644 index 0000000..cddf5a1 --- /dev/null +++ b/js/jquery.counterup.min.js @@ -0,0 +1,8 @@ +/*! +* jquery.counterup.js 1.0 +* +* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal +* Released under the GPL v2 License +* +* Date: Nov 26, 2013 +*/(function(e){"use strict";e.fn.counterUp=function(t){var n=e.extend({time:400,delay:10},t);return this.each(function(){var t=e(this),r=n,i=function(){var e=[],n=r.time/r.delay,i=t.text(),s=/[0-9]+,[0-9]+/.test(i);i=i.replace(/,/g,"");var o=/^[0-9]+$/.test(i),u=/^[0-9]+\.[0-9]+$/.test(i),a=u?(i.split(".")[1]||[]).length:0;for(var f=n;f>=1;f--){var l=parseInt(i/n*f);u&&(l=parseFloat(i/n*f).toFixed(a));if(s)while(/(\d+)(\d{3})/.test(l.toString()))l=l.toString().replace(/(\d+)(\d{3})/,"$1,$2");e.unshift(l)}t.data("counterup-nums",e);t.text("0");var c=function(){t.text(t.data("counterup-nums").shift());if(t.data("counterup-nums").length)setTimeout(t.data("counterup-func"),r.delay);else{delete t.data("counterup-nums");t.data("counterup-nums",null);t.data("counterup-func",null)}};t.data("counterup-func",c);setTimeout(t.data("counterup-func"),r.delay)};t.waypoint(i,{offset:"100%",triggerOnce:!0})})}})(jQuery); \ No newline at end of file diff --git a/js/jquery.fitvids.js b/js/jquery.fitvids.js new file mode 100644 index 0000000..cced638 --- /dev/null +++ b/js/jquery.fitvids.js @@ -0,0 +1,83 @@ +/*global jQuery */ +/*jshint browser:true */ +/*! +* FitVids 1.1 +* +* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com +* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ +* Released under the WTFPL license - http://sam.zoy.org/wtfpl/ +* +*/ + +;(function( $ ){ + + 'use strict'; + + $.fn.fitVids = function( options ) { + var settings = { + customSelector: null, + ignore: null + }; + + if(!document.getElementById('fit-vids-style')) { + // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js + var head = document.head || document.getElementsByTagName('head')[0]; + var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; + var div = document.createElement("div"); + div.innerHTML = '

x

'; + head.appendChild(div.childNodes[1]); + } + + if ( options ) { + $.extend( settings, options ); + } + + return this.each(function(){ + var selectors = [ + 'iframe[src*="player.vimeo.com"]', + 'iframe[src*="youtube.com"]', + 'iframe[src*="youtube-nocookie.com"]', + 'iframe[src*="kickstarter.com"][src*="video.html"]', + 'object', + 'embed' + ]; + + if (settings.customSelector) { + selectors.push(settings.customSelector); + } + + var ignoreList = '.fitvidsignore'; + + if(settings.ignore) { + ignoreList = ignoreList + ', ' + settings.ignore; + } + + var $allVideos = $(this).find(selectors.join(',')); + $allVideos = $allVideos.not('object object'); // SwfObj conflict patch + $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. + + $allVideos.each(function(){ + var $this = $(this); + if($this.parents(ignoreList).length > 0) { + return; // Disable FitVids on this video. + } + if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } + if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) + { + $this.attr('height', 9); + $this.attr('width', 16); + } + var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), + width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), + aspectRatio = height / width; + if(!$this.attr('id')){ + var videoID = 'fitvid' + Math.floor(Math.random()*999999); + $this.attr('id', videoID); + } + $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); + $this.removeAttr('height').removeAttr('width'); + }); + }); + }; +// Works with either jQuery or Zepto +})( window.jQuery || window.Zepto ); diff --git a/js/jquery.parallax-1.1.3.js b/js/jquery.parallax-1.1.3.js new file mode 100644 index 0000000..b21b73e --- /dev/null +++ b/js/jquery.parallax-1.1.3.js @@ -0,0 +1,73 @@ +/* +Plugin: jQuery Parallax +Version 1.1.3 +Author: Ian Lunn +Twitter: @IanLunn +Author URL: http://www.ianlunn.co.uk/ +Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/ + +Dual licensed under the MIT and GPL licenses: +http://www.opensource.org/licenses/mit-license.php +http://www.gnu.org/licenses/gpl.html +*/ + +(function( $ ){ + var $window = $(window); + var windowHeight = $window.height(); + + $window.resize(function () { + windowHeight = $window.height(); + }); + + $.fn.parallax = function(xpos, speedFactor, outerHeight) { + var $this = $(this); + var getHeight; + var firstTop; + var paddingTop = 0; + + //get the starting position of each element to have parallax applied to it + function update (){ + + $this.each(function(){ + + firstTop = $this.offset().top; + }); + + if (outerHeight) { + getHeight = function(jqo) { + return jqo.outerHeight(true); + }; + } else { + getHeight = function(jqo) { + return jqo.height(); + }; + } + + // setup defaults if arguments aren't specified + if (arguments.length < 1 || xpos === null) xpos = "50%"; + if (arguments.length < 2 || speedFactor === null) speedFactor = 0.5; + if (arguments.length < 3 || outerHeight === null) outerHeight = true; + + // function to be called whenever the window is scrolled or resized + + var pos = $window.scrollTop(); + + $this.each(function(){ + var $element = $(this); + var top = $element.offset().top; + var height = getHeight($element); + + // Check if totally above or totally below viewport + if (top + height < pos || top > pos + windowHeight) { + return; + } + + $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px"); + + }); + } + + $window.bind('scroll', update).resize(update); + update(); + }; +})(jQuery); diff --git a/js/jquery.prettyPhoto.js b/js/jquery.prettyPhoto.js new file mode 100644 index 0000000..0f13327 --- /dev/null +++ b/js/jquery.prettyPhoto.js @@ -0,0 +1,7 @@ +/* ------------------------------------------------------------------------ + Class: prettyPhoto + Use: Lightbox clone for jQuery + Author: Stephane Caron (http://www.no-margin-for-errors.com) + Version: 3.1.5 +------------------------------------------------------------------------- */ +(function(e){function t(){var e=location.href;hashtag=e.indexOf("#prettyPhoto")!==-1?decodeURI(e.substring(e.indexOf("#prettyPhoto")+1,e.length)):false;return hashtag}function n(){if(typeof theRel=="undefined")return;location.hash=theRel+"/"+rel_index+"/"}function r(){if(location.href.indexOf("#prettyPhoto")!==-1)location.hash="prettyPhoto"}function i(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var n="[\\?&]"+e+"=([^&#]*)";var r=new RegExp(n);var i=r.exec(t);return i==null?"":i[1]}e.prettyPhoto={version:"3.1.5"};e.fn.prettyPhoto=function(s){function g(){e(".pp_loaderIcon").hide();projectedTop=scroll_pos["scrollTop"]+(d/2-a["containerHeight"]/2);if(projectedTop<0)projectedTop=0;$ppt.fadeTo(settings.animation_speed,1);$pp_pic_holder.find(".pp_content").animate({height:a["contentHeight"],width:a["contentWidth"]},settings.animation_speed);$pp_pic_holder.animate({top:projectedTop,left:v/2-a["containerWidth"]/2<0?0:v/2-a["containerWidth"]/2,width:a["containerWidth"]},settings.animation_speed,function(){$pp_pic_holder.find(".pp_hoverContainer,#fullResImage").height(a["height"]).width(a["width"]);$pp_pic_holder.find(".pp_fade").fadeIn(settings.animation_speed);if(isSet&&S(pp_images[set_position])=="image"){$pp_pic_holder.find(".pp_hoverContainer").show()}else{$pp_pic_holder.find(".pp_hoverContainer").hide()}if(settings.allow_expand){if(a["resized"]){e("a.pp_expand,a.pp_contract").show()}else{e("a.pp_expand").hide()}}if(settings.autoplay_slideshow&&!m&&!f)e.prettyPhoto.startSlideshow();settings.changepicturecallback();f=true});C();s.ajaxcallback()}function y(t){$pp_pic_holder.find("#pp_full_res object,#pp_full_res embed").css("visibility","hidden");$pp_pic_holder.find(".pp_fade").fadeOut(settings.animation_speed,function(){e(".pp_loaderIcon").show();t()})}function b(t){t>1?e(".pp_nav").show():e(".pp_nav").hide()}function w(e,t){resized=false;E(e,t);imageWidth=e,imageHeight=t;if((p>v||h>d)&&doresize&&settings.allow_resize&&!u){resized=true,fitting=false;while(!fitting){if(p>v){imageWidth=v-200;imageHeight=t/e*imageWidth}else if(h>d){imageHeight=d-200;imageWidth=e/t*imageHeight}else{fitting=true}h=imageHeight,p=imageWidth}if(p>v||h>d){w(p,h)}E(imageWidth,imageHeight)}return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(h),containerWidth:Math.floor(p)+settings.horizontal_padding*2,contentHeight:Math.floor(l),contentWidth:Math.floor(c),resized:resized}}function E(t,n){t=parseFloat(t);n=parseFloat(n);$pp_details=$pp_pic_holder.find(".pp_details");$pp_details.width(t);detailsHeight=parseFloat($pp_details.css("marginTop"))+parseFloat($pp_details.css("marginBottom"));$pp_details=$pp_details.clone().addClass(settings.theme).width(t).appendTo(e("body")).css({position:"absolute",top:-1e4});detailsHeight+=$pp_details.height();detailsHeight=detailsHeight<=34?36:detailsHeight;$pp_details.remove();$pp_title=$pp_pic_holder.find(".ppt");$pp_title.width(t);titleHeight=parseFloat($pp_title.css("marginTop"))+parseFloat($pp_title.css("marginBottom"));$pp_title=$pp_title.clone().appendTo(e("body")).css({position:"absolute",top:-1e4});titleHeight+=$pp_title.height();$pp_title.remove();l=n+detailsHeight;c=t;h=l+titleHeight+$pp_pic_holder.find(".pp_top").height()+$pp_pic_holder.find(".pp_bottom").height();p=t}function S(e){if(e.match(/youtube\.com\/watch/i)||e.match(/youtu\.be/i)){return"youtube"}else if(e.match(/vimeo\.com/i)){return"vimeo"}else if(e.match(/\b.mov\b/i)){return"quicktime"}else if(e.match(/\b.swf\b/i)){return"flash"}else if(e.match(/\biframe=true\b/i)){return"iframe"}else if(e.match(/\bajax=true\b/i)){return"ajax"}else if(e.match(/\bcustom=true\b/i)){return"custom"}else if(e.substr(0,1)=="#"){return"inline"}else{return"image"}}function x(){if(doresize&&typeof $pp_pic_holder!="undefined"){scroll_pos=T();contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width();projectedTop=d/2+scroll_pos["scrollTop"]-contentHeight/2;if(projectedTop<0)projectedTop=0;if(contentHeight>d)return;$pp_pic_holder.css({top:projectedTop,left:v/2+scroll_pos["scrollLeft"]-contentwidth/2})}}function T(){if(self.pageYOffset){return{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}}else if(document.documentElement&&document.documentElement.scrollTop){return{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}}else if(document.body){return{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}}}function N(){d=e(window).height(),v=e(window).width();if(typeof $pp_overlay!="undefined")$pp_overlay.height(e(document).height()).width(v)}function C(){if(isSet&&settings.overlay_gallery&&S(pp_images[set_position])=="image"){itemWidth=52+5;navWidth=settings.theme=="facebook"||settings.theme=="pp_default"?50:30;itemsPerPage=Math.floor((a["containerWidth"]-100-navWidth)/itemWidth);itemsPerPage=itemsPerPage"}toInject=settings.gallery_markup.replace(/{gallery}/g,toInject);$pp_pic_holder.find("#pp_full_res").after(toInject);$pp_gallery=e(".pp_pic_holder .pp_gallery"),$pp_gallery_li=$pp_gallery.find("li");$pp_gallery.find(".pp_arrow_next").click(function(){e.prettyPhoto.changeGalleryPage("next");e.prettyPhoto.stopSlideshow();return false});$pp_gallery.find(".pp_arrow_previous").click(function(){e.prettyPhoto.changeGalleryPage("previous");e.prettyPhoto.stopSlideshow();return false});$pp_pic_holder.find(".pp_content").hover(function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn()},function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()});itemWidth=52+5;$pp_gallery_li.each(function(t){e(this).find("a").click(function(){e.prettyPhoto.changePage(t);e.prettyPhoto.stopSlideshow();return false})})}if(settings.slideshow){$pp_pic_holder.find(".pp_nav").prepend('Play');$pp_pic_holder.find(".pp_nav .pp_play").click(function(){e.prettyPhoto.startSlideshow();return false})}$pp_pic_holder.attr("class","pp_pic_holder "+settings.theme);$pp_overlay.css({opacity:0,height:e(document).height(),width:e(window).width()}).bind("click",function(){if(!settings.modal)e.prettyPhoto.close()});e("a.pp_close").bind("click",function(){e.prettyPhoto.close();return false});if(settings.allow_expand){e("a.pp_expand").bind("click",function(t){if(e(this).hasClass("pp_expand")){e(this).removeClass("pp_expand").addClass("pp_contract");doresize=false}else{e(this).removeClass("pp_contract").addClass("pp_expand");doresize=true}y(function(){e.prettyPhoto.open()});return false})}$pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click",function(){e.prettyPhoto.changePage("previous");e.prettyPhoto.stopSlideshow();return false});$pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click",function(){e.prettyPhoto.changePage("next");e.prettyPhoto.stopSlideshow();return false});x()}s=jQuery.extend({hook:"rel",animation_speed:"fast",ajaxcallback:function(){},slideshow:5e3,autoplay_slideshow:false,opacity:.8,show_title:true,allow_resize:true,allow_expand:true,default_width:500,default_height:344,counter_separator_label:"/",theme:"pp_default",horizontal_padding:20,hideflash:false,wmode:"opaque",autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,overlay_gallery_max:30,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'
 
Expand
next previous
Previous

0/0

Next

{pp_social}
Close
',gallery_markup:'
Previous
    {gallery}
Next
',image_markup:'',flash_markup:'',quicktime_markup:'',iframe_markup:'',inline_markup:'
{content}
',custom_markup:"",social_tools:'
'},s);var o=this,u=false,a,f,l,c,h,p,d=e(window).height(),v=e(window).width(),m;doresize=true,scroll_pos=T();e(window).unbind("resize.prettyphoto").bind("resize.prettyphoto",function(){x();N()});if(s.keyboard_shortcuts){e(document).unbind("keydown.prettyphoto").bind("keydown.prettyphoto",function(t){if(typeof $pp_pic_holder!="undefined"){if($pp_pic_holder.is(":visible")){switch(t.keyCode){case 37:e.prettyPhoto.changePage("previous");t.preventDefault();break;case 39:e.prettyPhoto.changePage("next");t.preventDefault();break;case 27:if(!settings.modal)e.prettyPhoto.close();t.preventDefault();break}}}})}e.prettyPhoto.initialize=function(){settings=s;if(settings.theme=="pp_default")settings.horizontal_padding=16;theRel=e(this).attr(settings.hook);galleryRegExp=/\[(?:.*)\]/;isSet=galleryRegExp.exec(theRel)?true:false;pp_images=isSet?jQuery.map(o,function(t,n){if(e(t).attr(settings.hook).indexOf(theRel)!=-1)return e(t).attr("href")}):e.makeArray(e(this).attr("href"));pp_titles=isSet?jQuery.map(o,function(t,n){if(e(t).attr(settings.hook).indexOf(theRel)!=-1)return e(t).find("img").attr("alt")?e(t).find("img").attr("alt"):""}):e.makeArray(e(this).find("img").attr("alt"));pp_descriptions=isSet?jQuery.map(o,function(t,n){if(e(t).attr(settings.hook).indexOf(theRel)!=-1)return e(t).attr("title")?e(t).attr("title"):""}):e.makeArray(e(this).attr("title"));if(pp_images.length>settings.overlay_gallery_max)settings.overlay_gallery=false;set_position=jQuery.inArray(e(this).attr("href"),pp_images);rel_index=isSet?set_position:e("a["+settings.hook+"^='"+theRel+"']").index(e(this));k(this);if(settings.allow_resize)e(window).bind("scroll.prettyphoto",function(){x()});e.prettyPhoto.open();return false};e.prettyPhoto.open=function(t){if(typeof settings=="undefined"){settings=s;pp_images=e.makeArray(arguments[0]);pp_titles=arguments[1]?e.makeArray(arguments[1]):e.makeArray("");pp_descriptions=arguments[2]?e.makeArray(arguments[2]):e.makeArray("");isSet=pp_images.length>1?true:false;set_position=arguments[3]?arguments[3]:0;k(t.target)}if(settings.hideflash)e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","hidden");b(e(pp_images).size());e(".pp_loaderIcon").show();if(settings.deeplinking)n();if(settings.social_tools){facebook_like_link=settings.social_tools.replace("{location_href}",encodeURIComponent(location.href));$pp_pic_holder.find(".pp_social").html(facebook_like_link)}if($ppt.is(":hidden"))$ppt.css("opacity",0).show();$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);$pp_pic_holder.find(".currentTextHolder").text(set_position+1+settings.counter_separator_label+e(pp_images).size());if(typeof pp_descriptions[set_position]!="undefined"&&pp_descriptions[set_position]!=""){$pp_pic_holder.find(".pp_description").show().html(unescape(pp_descriptions[set_position]))}else{$pp_pic_holder.find(".pp_description").hide()}movie_width=parseFloat(i("width",pp_images[set_position]))?i("width",pp_images[set_position]):settings.default_width.toString();movie_height=parseFloat(i("height",pp_images[set_position]))?i("height",pp_images[set_position]):settings.default_height.toString();u=false;if(movie_height.indexOf("%")!=-1){movie_height=parseFloat(e(window).height()*parseFloat(movie_height)/100-150);u=true}if(movie_width.indexOf("%")!=-1){movie_width=parseFloat(e(window).width()*parseFloat(movie_width)/100-150);u=true}$pp_pic_holder.fadeIn(function(){settings.show_title&&pp_titles[set_position]!=""&&typeof pp_titles[set_position]!="undefined"?$ppt.html(unescape(pp_titles[set_position])):$ppt.html(" ");imgPreloader="";skipInjection=false;switch(S(pp_images[set_position])){case"image":imgPreloader=new Image;nextImage=new Image;if(isSet&&set_position0)movie_id=movie_id.substr(0,movie_id.indexOf("?"));if(movie_id.indexOf("&")>0)movie_id=movie_id.substr(0,movie_id.indexOf("&"))}movie="http://www.youtube.com/embed/"+movie_id;i("rel",pp_images[set_position])?movie+="?rel="+i("rel",pp_images[set_position]):movie+="?rel=1";if(settings.autoplay)movie+="&autoplay=1";toInject=settings.iframe_markup.replace(/{width}/g,a["width"]).replace(/{height}/g,a["height"]).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case"vimeo":a=w(movie_width,movie_height);movie_id=pp_images[set_position];var t=/http(s?):\/\/(www\.)?vimeo.com\/(\d+)/;var n=movie_id.match(t);movie="http://player.vimeo.com/video/"+n[3]+"?title=0&byline=0&portrait=0";if(settings.autoplay)movie+="&autoplay=1;";vimeo_width=a["width"]+"/embed/?moog_width="+a["width"];toInject=settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,a["height"]).replace(/{path}/g,movie);break;case"quicktime":a=w(movie_width,movie_height);a["height"]+=15;a["contentHeight"]+=15;a["containerHeight"]+=15;toInject=settings.quicktime_markup.replace(/{width}/g,a["width"]).replace(/{height}/g,a["height"]).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case"flash":a=w(movie_width,movie_height);flash_vars=pp_images[set_position];flash_vars=flash_vars.substring(pp_images[set_position].indexOf("flashvars")+10,pp_images[set_position].length);filename=pp_images[set_position];filename=filename.substring(0,filename.indexOf("?"));toInject=settings.flash_markup.replace(/{width}/g,a["width"]).replace(/{height}/g,a["height"]).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+"?"+flash_vars);break;case"iframe":a=w(movie_width,movie_height);frame_url=pp_images[set_position];frame_url=frame_url.substr(0,frame_url.indexOf("iframe")-1);toInject=settings.iframe_markup.replace(/{width}/g,a["width"]).replace(/{height}/g,a["height"]).replace(/{path}/g,frame_url);break;case"ajax":doresize=false;a=w(movie_width,movie_height);doresize=true;skipInjection=true;e.get(pp_images[set_position],function(e){toInject=settings.inline_markup.replace(/{content}/g,e);$pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject;g()});break;case"custom":a=w(movie_width,movie_height);toInject=settings.custom_markup;break;case"inline":myClone=e(pp_images[set_position]).clone().append('
').css({width:settings.default_width}).wrapInner('
').appendTo(e("body")).show();doresize=false;a=w(e(myClone).width(),e(myClone).height());doresize=true;e(myClone).remove();toInject=settings.inline_markup.replace(/{content}/g,e(pp_images[set_position]).html());break}if(!imgPreloader&&!skipInjection){$pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject;g()}});return false};e.prettyPhoto.changePage=function(t){currentGalleryPage=0;if(t=="previous"){set_position--;if(set_position<0)set_position=e(pp_images).size()-1}else if(t=="next"){set_position++;if(set_position>e(pp_images).size()-1)set_position=0}else{set_position=t}rel_index=set_position;if(!doresize)doresize=true;if(settings.allow_expand){e(".pp_contract").removeClass("pp_contract").addClass("pp_expand")}y(function(){e.prettyPhoto.open()})};e.prettyPhoto.changeGalleryPage=function(e){if(e=="next"){currentGalleryPage++;if(currentGalleryPage>totalPage)currentGalleryPage=0}else if(e=="previous"){currentGalleryPage--;if(currentGalleryPage<0)currentGalleryPage=totalPage}else{currentGalleryPage=e}slide_speed=e=="next"||e=="previous"?settings.animation_speed:0;slide_to=currentGalleryPage*itemsPerPage*itemWidth;$pp_gallery.find("ul").animate({left:-slide_to},slide_speed)};e.prettyPhoto.startSlideshow=function(){if(typeof m=="undefined"){$pp_pic_holder.find(".pp_play").unbind("click").removeClass("pp_play").addClass("pp_pause").click(function(){e.prettyPhoto.stopSlideshow();return false});m=setInterval(e.prettyPhoto.startSlideshow,settings.slideshow)}else{e.prettyPhoto.changePage("next")}};e.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find(".pp_pause").unbind("click").removeClass("pp_pause").addClass("pp_play").click(function(){e.prettyPhoto.startSlideshow();return false});clearInterval(m);m=undefined};e.prettyPhoto.close=function(){if($pp_overlay.is(":animated"))return;e.prettyPhoto.stopSlideshow();$pp_pic_holder.stop().find("object,embed").css("visibility","hidden");e("div.pp_pic_holder,div.ppt,.pp_fade").fadeOut(settings.animation_speed,function(){e(this).remove()});$pp_overlay.fadeOut(settings.animation_speed,function(){if(settings.hideflash)e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","visible");e(this).remove();e(window).unbind("scroll.prettyphoto");r();settings.callback();doresize=true;f=false;delete settings})};if(!pp_alreadyInitialized&&t()){pp_alreadyInitialized=true;hashIndex=t();hashRel=hashIndex;hashIndex=hashIndex.substring(hashIndex.indexOf("/")+1,hashIndex.length-1);hashRel=hashRel.substring(0,hashRel.indexOf("/"));setTimeout(function(){e("a["+s.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger("click")},50)}return this.unbind("click.prettyphoto").bind("click.prettyphoto",e.prettyPhoto.initialize)};})(jQuery);var pp_alreadyInitialized=false \ No newline at end of file diff --git a/js/owl.carousel.js b/js/owl.carousel.js new file mode 100644 index 0000000..a5d9ac1 --- /dev/null +++ b/js/owl.carousel.js @@ -0,0 +1,1512 @@ +/* + * jQuery OwlCarousel v1.3.3 + * + * Copyright (c) 2013 Bartosz Wojciechowski + * http://www.owlgraphic.com/owlcarousel/ + * + * Licensed under MIT + * + */ + +/*JS Lint helpers: */ +/*global dragMove: false, dragEnd: false, $, jQuery, alert, window, document */ +/*jslint nomen: true, continue:true */ + +if (typeof Object.create !== "function") { + Object.create = function (obj) { + function F() {} + F.prototype = obj; + return new F(); + }; +} +(function ($, window, document) { + + var Carousel = { + init : function (options, el) { + var base = this; + + base.$elem = $(el); + base.options = $.extend({}, $.fn.owlCarousel.options, base.$elem.data(), options); + + base.userOptions = options; + base.loadContent(); + }, + + loadContent : function () { + var base = this, url; + + function getData(data) { + var i, content = ""; + if (typeof base.options.jsonSuccess === "function") { + base.options.jsonSuccess.apply(this, [data]); + } else { + for (i in data.owl) { + if (data.owl.hasOwnProperty(i)) { + content += data.owl[i].item; + } + } + base.$elem.html(content); + } + base.logIn(); + } + + if (typeof base.options.beforeInit === "function") { + base.options.beforeInit.apply(this, [base.$elem]); + } + + if (typeof base.options.jsonPath === "string") { + url = base.options.jsonPath; + $.getJSON(url, getData); + } else { + base.logIn(); + } + }, + + logIn : function () { + var base = this; + + base.$elem.data("owl-originalStyles", base.$elem.attr("style")); + base.$elem.data("owl-originalClasses", base.$elem.attr("class")); + + base.$elem.css({opacity: 0}); + base.orignalItems = base.options.items; + base.checkBrowser(); + base.wrapperWidth = 0; + base.checkVisible = null; + base.setVars(); + }, + + setVars : function () { + var base = this; + if (base.$elem.children().length === 0) {return false; } + base.baseClass(); + base.eventTypes(); + base.$userItems = base.$elem.children(); + base.itemsAmount = base.$userItems.length; + base.wrapItems(); + base.$owlItems = base.$elem.find(".owl-item"); + base.$owlWrapper = base.$elem.find(".owl-wrapper"); + base.playDirection = "next"; + base.prevItem = 0; + base.prevArr = [0]; + base.currentItem = 0; + base.customEvents(); + base.onStartup(); + }, + + onStartup : function () { + var base = this; + base.updateItems(); + base.calculateAll(); + base.buildControls(); + base.updateControls(); + base.response(); + base.moveEvents(); + base.stopOnHover(); + base.owlStatus(); + + if (base.options.transitionStyle !== false) { + base.transitionTypes(base.options.transitionStyle); + } + if (base.options.autoPlay === true) { + base.options.autoPlay = 5000; + } + base.play(); + + base.$elem.find(".owl-wrapper").css("display", "block"); + + if (!base.$elem.is(":visible")) { + base.watchVisibility(); + } else { + base.$elem.css("opacity", 1); + } + base.onstartup = false; + base.eachMoveUpdate(); + if (typeof base.options.afterInit === "function") { + base.options.afterInit.apply(this, [base.$elem]); + } + }, + + eachMoveUpdate : function () { + var base = this; + + if (base.options.lazyLoad === true) { + base.lazyLoad(); + } + if (base.options.autoHeight === true) { + base.autoHeight(); + } + base.onVisibleItems(); + + if (typeof base.options.afterAction === "function") { + base.options.afterAction.apply(this, [base.$elem]); + } + }, + + updateVars : function () { + var base = this; + if (typeof base.options.beforeUpdate === "function") { + base.options.beforeUpdate.apply(this, [base.$elem]); + } + base.watchVisibility(); + base.updateItems(); + base.calculateAll(); + base.updatePosition(); + base.updateControls(); + base.eachMoveUpdate(); + if (typeof base.options.afterUpdate === "function") { + base.options.afterUpdate.apply(this, [base.$elem]); + } + }, + + reload : function () { + var base = this; + window.setTimeout(function () { + base.updateVars(); + }, 0); + }, + + watchVisibility : function () { + var base = this; + + if (base.$elem.is(":visible") === false) { + base.$elem.css({opacity: 0}); + window.clearInterval(base.autoPlayInterval); + window.clearInterval(base.checkVisible); + } else { + return false; + } + base.checkVisible = window.setInterval(function () { + if (base.$elem.is(":visible")) { + base.reload(); + base.$elem.animate({opacity: 1}, 200); + window.clearInterval(base.checkVisible); + } + }, 500); + }, + + wrapItems : function () { + var base = this; + base.$userItems.wrapAll("
").wrap("
"); + base.$elem.find(".owl-wrapper").wrap("
"); + base.wrapperOuter = base.$elem.find(".owl-wrapper-outer"); + base.$elem.css("display", "block"); + }, + + baseClass : function () { + var base = this, + hasBaseClass = base.$elem.hasClass(base.options.baseClass), + hasThemeClass = base.$elem.hasClass(base.options.theme); + + if (!hasBaseClass) { + base.$elem.addClass(base.options.baseClass); + } + + if (!hasThemeClass) { + base.$elem.addClass(base.options.theme); + } + }, + + updateItems : function () { + var base = this, width, i; + + if (base.options.responsive === false) { + return false; + } + if (base.options.singleItem === true) { + base.options.items = base.orignalItems = 1; + base.options.itemsCustom = false; + base.options.itemsDesktop = false; + base.options.itemsDesktopSmall = false; + base.options.itemsTablet = false; + base.options.itemsTabletSmall = false; + base.options.itemsMobile = false; + return false; + } + + width = $(base.options.responsiveBaseWidth).width(); + + if (width > (base.options.itemsDesktop[0] || base.orignalItems)) { + base.options.items = base.orignalItems; + } + if (base.options.itemsCustom !== false) { + //Reorder array by screen size + base.options.itemsCustom.sort(function (a, b) {return a[0] - b[0]; }); + + for (i = 0; i < base.options.itemsCustom.length; i += 1) { + if (base.options.itemsCustom[i][0] <= width) { + base.options.items = base.options.itemsCustom[i][1]; + } + } + + } else { + + if (width <= base.options.itemsDesktop[0] && base.options.itemsDesktop !== false) { + base.options.items = base.options.itemsDesktop[1]; + } + + if (width <= base.options.itemsDesktopSmall[0] && base.options.itemsDesktopSmall !== false) { + base.options.items = base.options.itemsDesktopSmall[1]; + } + + if (width <= base.options.itemsTablet[0] && base.options.itemsTablet !== false) { + base.options.items = base.options.itemsTablet[1]; + } + + if (width <= base.options.itemsTabletSmall[0] && base.options.itemsTabletSmall !== false) { + base.options.items = base.options.itemsTabletSmall[1]; + } + + if (width <= base.options.itemsMobile[0] && base.options.itemsMobile !== false) { + base.options.items = base.options.itemsMobile[1]; + } + } + + //if number of items is less than declared + if (base.options.items > base.itemsAmount && base.options.itemsScaleUp === true) { + base.options.items = base.itemsAmount; + } + }, + + response : function () { + var base = this, + smallDelay, + lastWindowWidth; + + if (base.options.responsive !== true) { + return false; + } + lastWindowWidth = $(window).width(); + + base.resizer = function () { + if ($(window).width() !== lastWindowWidth) { + if (base.options.autoPlay !== false) { + window.clearInterval(base.autoPlayInterval); + } + window.clearTimeout(smallDelay); + smallDelay = window.setTimeout(function () { + lastWindowWidth = $(window).width(); + base.updateVars(); + }, base.options.responsiveRefreshRate); + } + }; + $(window).resize(base.resizer); + }, + + updatePosition : function () { + var base = this; + base.jumpTo(base.currentItem); + if (base.options.autoPlay !== false) { + base.checkAp(); + } + }, + + appendItemsSizes : function () { + var base = this, + roundPages = 0, + lastItem = base.itemsAmount - base.options.items; + + base.$owlItems.each(function (index) { + var $this = $(this); + $this + .css({"width": base.itemWidth}) + .data("owl-item", Number(index)); + + if (index % base.options.items === 0 || index === lastItem) { + if (!(index > lastItem)) { + roundPages += 1; + } + } + $this.data("owl-roundPages", roundPages); + }); + }, + + appendWrapperSizes : function () { + var base = this, + width = base.$owlItems.length * base.itemWidth; + + base.$owlWrapper.css({ + "width": width * 2, + "left": 0 + }); + base.appendItemsSizes(); + }, + + calculateAll : function () { + var base = this; + base.calculateWidth(); + base.appendWrapperSizes(); + base.loops(); + base.max(); + }, + + calculateWidth : function () { + var base = this; + base.itemWidth = Math.round(base.$elem.width() / base.options.items); + }, + + max : function () { + var base = this, + maximum = ((base.itemsAmount * base.itemWidth) - base.options.items * base.itemWidth) * -1; + if (base.options.items > base.itemsAmount) { + base.maximumItem = 0; + maximum = 0; + base.maximumPixels = 0; + } else { + base.maximumItem = base.itemsAmount - base.options.items; + base.maximumPixels = maximum; + } + return maximum; + }, + + min : function () { + return 0; + }, + + loops : function () { + var base = this, + prev = 0, + elWidth = 0, + i, + item, + roundPageNum; + + base.positionsInArray = [0]; + base.pagesInArray = []; + + for (i = 0; i < base.itemsAmount; i += 1) { + elWidth += base.itemWidth; + base.positionsInArray.push(-elWidth); + + if (base.options.scrollPerPage === true) { + item = $(base.$owlItems[i]); + roundPageNum = item.data("owl-roundPages"); + if (roundPageNum !== prev) { + base.pagesInArray[prev] = base.positionsInArray[i]; + prev = roundPageNum; + } + } + } + }, + + buildControls : function () { + var base = this; + if (base.options.navigation === true || base.options.pagination === true) { + base.owlControls = $("
").toggleClass("clickable", !base.browser.isTouch).appendTo(base.$elem); + } + if (base.options.pagination === true) { + base.buildPagination(); + } + if (base.options.navigation === true) { + base.buildButtons(); + } + }, + + buildButtons : function () { + var base = this, + buttonsWrapper = $("
"); + base.owlControls.append(buttonsWrapper); + + base.buttonPrev = $("
", { + "class" : "owl-prev", + "html" : base.options.navigationText[0] || "" + }); + + base.buttonNext = $("
", { + "class" : "owl-next", + "html" : base.options.navigationText[1] || "" + }); + + buttonsWrapper + .append(base.buttonPrev) + .append(base.buttonNext); + + buttonsWrapper.on("touchstart.owlControls mousedown.owlControls", "div[class^=\"owl\"]", function (event) { + event.preventDefault(); + }); + + buttonsWrapper.on("touchend.owlControls mouseup.owlControls", "div[class^=\"owl\"]", function (event) { + event.preventDefault(); + if ($(this).hasClass("owl-next")) { + base.next(); + } else { + base.prev(); + } + }); + }, + + buildPagination : function () { + var base = this; + + base.paginationWrapper = $("
"); + base.owlControls.append(base.paginationWrapper); + + base.paginationWrapper.on("touchend.owlControls mouseup.owlControls", ".owl-page", function (event) { + event.preventDefault(); + if (Number($(this).data("owl-page")) !== base.currentItem) { + base.goTo(Number($(this).data("owl-page")), true); + } + }); + }, + + updatePagination : function () { + var base = this, + counter, + lastPage, + lastItem, + i, + paginationButton, + paginationButtonInner; + + if (base.options.pagination === false) { + return false; + } + + base.paginationWrapper.html(""); + + counter = 0; + lastPage = base.itemsAmount - base.itemsAmount % base.options.items; + + for (i = 0; i < base.itemsAmount; i += 1) { + if (i % base.options.items === 0) { + counter += 1; + if (lastPage === i) { + lastItem = base.itemsAmount - base.options.items; + } + paginationButton = $("
", { + "class" : "owl-page" + }); + paginationButtonInner = $("", { + "text": base.options.paginationNumbers === true ? counter : "", + "class": base.options.paginationNumbers === true ? "owl-numbers" : "" + }); + paginationButton.append(paginationButtonInner); + + paginationButton.data("owl-page", lastPage === i ? lastItem : i); + paginationButton.data("owl-roundPages", counter); + + base.paginationWrapper.append(paginationButton); + } + } + base.checkPagination(); + }, + checkPagination : function () { + var base = this; + if (base.options.pagination === false) { + return false; + } + base.paginationWrapper.find(".owl-page").each(function () { + if ($(this).data("owl-roundPages") === $(base.$owlItems[base.currentItem]).data("owl-roundPages")) { + base.paginationWrapper + .find(".owl-page") + .removeClass("active"); + $(this).addClass("active"); + } + }); + }, + + checkNavigation : function () { + var base = this; + + if (base.options.navigation === false) { + return false; + } + if (base.options.rewindNav === false) { + if (base.currentItem === 0 && base.maximumItem === 0) { + base.buttonPrev.addClass("disabled"); + base.buttonNext.addClass("disabled"); + } else if (base.currentItem === 0 && base.maximumItem !== 0) { + base.buttonPrev.addClass("disabled"); + base.buttonNext.removeClass("disabled"); + } else if (base.currentItem === base.maximumItem) { + base.buttonPrev.removeClass("disabled"); + base.buttonNext.addClass("disabled"); + } else if (base.currentItem !== 0 && base.currentItem !== base.maximumItem) { + base.buttonPrev.removeClass("disabled"); + base.buttonNext.removeClass("disabled"); + } + } + }, + + updateControls : function () { + var base = this; + base.updatePagination(); + base.checkNavigation(); + if (base.owlControls) { + if (base.options.items >= base.itemsAmount) { + base.owlControls.hide(); + } else { + base.owlControls.show(); + } + } + }, + + destroyControls : function () { + var base = this; + if (base.owlControls) { + base.owlControls.remove(); + } + }, + + next : function (speed) { + var base = this; + + if (base.isTransition) { + return false; + } + + base.currentItem += base.options.scrollPerPage === true ? base.options.items : 1; + if (base.currentItem > base.maximumItem + (base.options.scrollPerPage === true ? (base.options.items - 1) : 0)) { + if (base.options.rewindNav === true) { + base.currentItem = 0; + speed = "rewind"; + } else { + base.currentItem = base.maximumItem; + return false; + } + } + base.goTo(base.currentItem, speed); + }, + + prev : function (speed) { + var base = this; + + if (base.isTransition) { + return false; + } + + if (base.options.scrollPerPage === true && base.currentItem > 0 && base.currentItem < base.options.items) { + base.currentItem = 0; + } else { + base.currentItem -= base.options.scrollPerPage === true ? base.options.items : 1; + } + if (base.currentItem < 0) { + if (base.options.rewindNav === true) { + base.currentItem = base.maximumItem; + speed = "rewind"; + } else { + base.currentItem = 0; + return false; + } + } + base.goTo(base.currentItem, speed); + }, + + goTo : function (position, speed, drag) { + var base = this, + goToPixel; + + if (base.isTransition) { + return false; + } + if (typeof base.options.beforeMove === "function") { + base.options.beforeMove.apply(this, [base.$elem]); + } + if (position >= base.maximumItem) { + position = base.maximumItem; + } else if (position <= 0) { + position = 0; + } + + base.currentItem = base.owl.currentItem = position; + if (base.options.transitionStyle !== false && drag !== "drag" && base.options.items === 1 && base.browser.support3d === true) { + base.swapSpeed(0); + if (base.browser.support3d === true) { + base.transition3d(base.positionsInArray[position]); + } else { + base.css2slide(base.positionsInArray[position], 1); + } + base.afterGo(); + base.singleItemTransition(); + return false; + } + goToPixel = base.positionsInArray[position]; + + if (base.browser.support3d === true) { + base.isCss3Finish = false; + + if (speed === true) { + base.swapSpeed("paginationSpeed"); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.paginationSpeed); + + } else if (speed === "rewind") { + base.swapSpeed(base.options.rewindSpeed); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.rewindSpeed); + + } else { + base.swapSpeed("slideSpeed"); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.slideSpeed); + } + base.transition3d(goToPixel); + } else { + if (speed === true) { + base.css2slide(goToPixel, base.options.paginationSpeed); + } else if (speed === "rewind") { + base.css2slide(goToPixel, base.options.rewindSpeed); + } else { + base.css2slide(goToPixel, base.options.slideSpeed); + } + } + base.afterGo(); + }, + + jumpTo : function (position) { + var base = this; + if (typeof base.options.beforeMove === "function") { + base.options.beforeMove.apply(this, [base.$elem]); + } + if (position >= base.maximumItem || position === -1) { + position = base.maximumItem; + } else if (position <= 0) { + position = 0; + } + base.swapSpeed(0); + if (base.browser.support3d === true) { + base.transition3d(base.positionsInArray[position]); + } else { + base.css2slide(base.positionsInArray[position], 1); + } + base.currentItem = base.owl.currentItem = position; + base.afterGo(); + }, + + afterGo : function () { + var base = this; + + base.prevArr.push(base.currentItem); + base.prevItem = base.owl.prevItem = base.prevArr[base.prevArr.length - 2]; + base.prevArr.shift(0); + + if (base.prevItem !== base.currentItem) { + base.checkPagination(); + base.checkNavigation(); + base.eachMoveUpdate(); + + if (base.options.autoPlay !== false) { + base.checkAp(); + } + } + if (typeof base.options.afterMove === "function" && base.prevItem !== base.currentItem) { + base.options.afterMove.apply(this, [base.$elem]); + } + }, + + stop : function () { + var base = this; + base.apStatus = "stop"; + window.clearInterval(base.autoPlayInterval); + }, + + checkAp : function () { + var base = this; + if (base.apStatus !== "stop") { + base.play(); + } + }, + + play : function () { + var base = this; + base.apStatus = "play"; + if (base.options.autoPlay === false) { + return false; + } + window.clearInterval(base.autoPlayInterval); + base.autoPlayInterval = window.setInterval(function () { + base.next(true); + }, base.options.autoPlay); + }, + + swapSpeed : function (action) { + var base = this; + if (action === "slideSpeed") { + base.$owlWrapper.css(base.addCssSpeed(base.options.slideSpeed)); + } else if (action === "paginationSpeed") { + base.$owlWrapper.css(base.addCssSpeed(base.options.paginationSpeed)); + } else if (typeof action !== "string") { + base.$owlWrapper.css(base.addCssSpeed(action)); + } + }, + + addCssSpeed : function (speed) { + return { + "-webkit-transition": "all " + speed + "ms ease", + "-moz-transition": "all " + speed + "ms ease", + "-o-transition": "all " + speed + "ms ease", + "transition": "all " + speed + "ms ease" + }; + }, + + removeTransition : function () { + return { + "-webkit-transition": "", + "-moz-transition": "", + "-o-transition": "", + "transition": "" + }; + }, + + doTranslate : function (pixels) { + return { + "-webkit-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-moz-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-o-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-ms-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "transform": "translate3d(" + pixels + "px, 0px,0px)" + }; + }, + + transition3d : function (value) { + var base = this; + base.$owlWrapper.css(base.doTranslate(value)); + }, + + css2move : function (value) { + var base = this; + base.$owlWrapper.css({"left" : value}); + }, + + css2slide : function (value, speed) { + var base = this; + + base.isCssFinish = false; + base.$owlWrapper.stop(true, true).animate({ + "left" : value + }, { + duration : speed || base.options.slideSpeed, + complete : function () { + base.isCssFinish = true; + } + }); + }, + + checkBrowser : function () { + var base = this, + translate3D = "translate3d(0px, 0px, 0px)", + tempElem = document.createElement("div"), + regex, + asSupport, + support3d, + isTouch; + + tempElem.style.cssText = " -moz-transform:" + translate3D + + "; -ms-transform:" + translate3D + + "; -o-transform:" + translate3D + + "; -webkit-transform:" + translate3D + + "; transform:" + translate3D; + regex = /translate3d\(0px, 0px, 0px\)/g; + asSupport = tempElem.style.cssText.match(regex); + support3d = (asSupport !== null && asSupport.length === 1); + + isTouch = "ontouchstart" in window || window.navigator.msMaxTouchPoints; + + base.browser = { + "support3d" : support3d, + "isTouch" : isTouch + }; + }, + + moveEvents : function () { + var base = this; + if (base.options.mouseDrag !== false || base.options.touchDrag !== false) { + base.gestures(); + base.disabledEvents(); + } + }, + + eventTypes : function () { + var base = this, + types = ["s", "e", "x"]; + + base.ev_types = {}; + + if (base.options.mouseDrag === true && base.options.touchDrag === true) { + types = [ + "touchstart.owl mousedown.owl", + "touchmove.owl mousemove.owl", + "touchend.owl touchcancel.owl mouseup.owl" + ]; + } else if (base.options.mouseDrag === false && base.options.touchDrag === true) { + types = [ + "touchstart.owl", + "touchmove.owl", + "touchend.owl touchcancel.owl" + ]; + } else if (base.options.mouseDrag === true && base.options.touchDrag === false) { + types = [ + "mousedown.owl", + "mousemove.owl", + "mouseup.owl" + ]; + } + + base.ev_types.start = types[0]; + base.ev_types.move = types[1]; + base.ev_types.end = types[2]; + }, + + disabledEvents : function () { + var base = this; + base.$elem.on("dragstart.owl", function (event) { event.preventDefault(); }); + base.$elem.on("mousedown.disableTextSelect", function (e) { + return $(e.target).is('input, textarea, select, option'); + }); + }, + + gestures : function () { + /*jslint unparam: true*/ + var base = this, + locals = { + offsetX : 0, + offsetY : 0, + baseElWidth : 0, + relativePos : 0, + position: null, + minSwipe : null, + maxSwipe: null, + sliding : null, + dargging: null, + targetElement : null + }; + + base.isCssFinish = true; + + function getTouches(event) { + if (event.touches !== undefined) { + return { + x : event.touches[0].pageX, + y : event.touches[0].pageY + }; + } + + if (event.touches === undefined) { + if (event.pageX !== undefined) { + return { + x : event.pageX, + y : event.pageY + }; + } + if (event.pageX === undefined) { + return { + x : event.clientX, + y : event.clientY + }; + } + } + } + + function swapEvents(type) { + if (type === "on") { + $(document).on(base.ev_types.move, dragMove); + $(document).on(base.ev_types.end, dragEnd); + } else if (type === "off") { + $(document).off(base.ev_types.move); + $(document).off(base.ev_types.end); + } + } + + function dragStart(event) { + var ev = event.originalEvent || event || window.event, + position; + + if (ev.which === 3) { + return false; + } + if (base.itemsAmount <= base.options.items) { + return; + } + if (base.isCssFinish === false && !base.options.dragBeforeAnimFinish) { + return false; + } + if (base.isCss3Finish === false && !base.options.dragBeforeAnimFinish) { + return false; + } + + if (base.options.autoPlay !== false) { + window.clearInterval(base.autoPlayInterval); + } + + if (base.browser.isTouch !== true && !base.$owlWrapper.hasClass("grabbing")) { + base.$owlWrapper.addClass("grabbing"); + } + + base.newPosX = 0; + base.newRelativeX = 0; + + $(this).css(base.removeTransition()); + + position = $(this).position(); + locals.relativePos = position.left; + + locals.offsetX = getTouches(ev).x - position.left; + locals.offsetY = getTouches(ev).y - position.top; + + swapEvents("on"); + + locals.sliding = false; + locals.targetElement = ev.target || ev.srcElement; + } + + function dragMove(event) { + var ev = event.originalEvent || event || window.event, + minSwipe, + maxSwipe; + + base.newPosX = getTouches(ev).x - locals.offsetX; + base.newPosY = getTouches(ev).y - locals.offsetY; + base.newRelativeX = base.newPosX - locals.relativePos; + + if (typeof base.options.startDragging === "function" && locals.dragging !== true && base.newRelativeX !== 0) { + locals.dragging = true; + base.options.startDragging.apply(base, [base.$elem]); + } + + if ((base.newRelativeX > 8 || base.newRelativeX < -8) && (base.browser.isTouch === true)) { + if (ev.preventDefault !== undefined) { + ev.preventDefault(); + } else { + ev.returnValue = false; + } + locals.sliding = true; + } + + if ((base.newPosY > 10 || base.newPosY < -10) && locals.sliding === false) { + $(document).off("touchmove.owl"); + } + + minSwipe = function () { + return base.newRelativeX / 5; + }; + + maxSwipe = function () { + return base.maximumPixels + base.newRelativeX / 5; + }; + + base.newPosX = Math.max(Math.min(base.newPosX, minSwipe()), maxSwipe()); + if (base.browser.support3d === true) { + base.transition3d(base.newPosX); + } else { + base.css2move(base.newPosX); + } + } + + function dragEnd(event) { + var ev = event.originalEvent || event || window.event, + newPosition, + handlers, + owlStopEvent; + + ev.target = ev.target || ev.srcElement; + + locals.dragging = false; + + if (base.browser.isTouch !== true) { + base.$owlWrapper.removeClass("grabbing"); + } + + if (base.newRelativeX < 0) { + base.dragDirection = base.owl.dragDirection = "left"; + } else { + base.dragDirection = base.owl.dragDirection = "right"; + } + + if (base.newRelativeX !== 0) { + newPosition = base.getNewPosition(); + base.goTo(newPosition, false, "drag"); + if (locals.targetElement === ev.target && base.browser.isTouch !== true) { + $(ev.target).on("click.disable", function (ev) { + ev.stopImmediatePropagation(); + ev.stopPropagation(); + ev.preventDefault(); + $(ev.target).off("click.disable"); + }); + handlers = $._data(ev.target, "events").click; + owlStopEvent = handlers.pop(); + handlers.splice(0, 0, owlStopEvent); + } + } + swapEvents("off"); + } + base.$elem.on(base.ev_types.start, ".owl-wrapper", dragStart); + }, + + getNewPosition : function () { + var base = this, + newPosition = base.closestItem(); + + if (newPosition > base.maximumItem) { + base.currentItem = base.maximumItem; + newPosition = base.maximumItem; + } else if (base.newPosX >= 0) { + newPosition = 0; + base.currentItem = 0; + } + return newPosition; + }, + closestItem : function () { + var base = this, + array = base.options.scrollPerPage === true ? base.pagesInArray : base.positionsInArray, + goal = base.newPosX, + closest = null; + + $.each(array, function (i, v) { + if (goal - (base.itemWidth / 20) > array[i + 1] && goal - (base.itemWidth / 20) < v && base.moveDirection() === "left") { + closest = v; + if (base.options.scrollPerPage === true) { + base.currentItem = $.inArray(closest, base.positionsInArray); + } else { + base.currentItem = i; + } + } else if (goal + (base.itemWidth / 20) < v && goal + (base.itemWidth / 20) > (array[i + 1] || array[i] - base.itemWidth) && base.moveDirection() === "right") { + if (base.options.scrollPerPage === true) { + closest = array[i + 1] || array[array.length - 1]; + base.currentItem = $.inArray(closest, base.positionsInArray); + } else { + closest = array[i + 1]; + base.currentItem = i + 1; + } + } + }); + return base.currentItem; + }, + + moveDirection : function () { + var base = this, + direction; + if (base.newRelativeX < 0) { + direction = "right"; + base.playDirection = "next"; + } else { + direction = "left"; + base.playDirection = "prev"; + } + return direction; + }, + + customEvents : function () { + /*jslint unparam: true*/ + var base = this; + base.$elem.on("owl.next", function () { + base.next(); + }); + base.$elem.on("owl.prev", function () { + base.prev(); + }); + base.$elem.on("owl.play", function (event, speed) { + base.options.autoPlay = speed; + base.play(); + base.hoverStatus = "play"; + }); + base.$elem.on("owl.stop", function () { + base.stop(); + base.hoverStatus = "stop"; + }); + base.$elem.on("owl.goTo", function (event, item) { + base.goTo(item); + }); + base.$elem.on("owl.jumpTo", function (event, item) { + base.jumpTo(item); + }); + }, + + stopOnHover : function () { + var base = this; + if (base.options.stopOnHover === true && base.browser.isTouch !== true && base.options.autoPlay !== false) { + base.$elem.on("mouseover", function () { + base.stop(); + }); + base.$elem.on("mouseout", function () { + if (base.hoverStatus !== "stop") { + base.play(); + } + }); + } + }, + + lazyLoad : function () { + var base = this, + i, + $item, + itemNumber, + $lazyImg, + follow; + + if (base.options.lazyLoad === false) { + return false; + } + for (i = 0; i < base.itemsAmount; i += 1) { + $item = $(base.$owlItems[i]); + + if ($item.data("owl-loaded") === "loaded") { + continue; + } + + itemNumber = $item.data("owl-item"); + $lazyImg = $item.find(".lazyOwl"); + + if (typeof $lazyImg.data("src") !== "string") { + $item.data("owl-loaded", "loaded"); + continue; + } + if ($item.data("owl-loaded") === undefined) { + $lazyImg.hide(); + $item.addClass("loading").data("owl-loaded", "checked"); + } + if (base.options.lazyFollow === true) { + follow = itemNumber >= base.currentItem; + } else { + follow = true; + } + if (follow && itemNumber < base.currentItem + base.options.items && $lazyImg.length) { + base.lazyPreload($item, $lazyImg); + } + } + }, + + lazyPreload : function ($item, $lazyImg) { + var base = this, + iterations = 0, + isBackgroundImg; + + if ($lazyImg.prop("tagName") === "DIV") { + $lazyImg.css("background-image", "url(" + $lazyImg.data("src") + ")"); + isBackgroundImg = true; + } else { + $lazyImg[0].src = $lazyImg.data("src"); + } + + function showImage() { + $item.data("owl-loaded", "loaded").removeClass("loading"); + $lazyImg.removeAttr("data-src"); + if (base.options.lazyEffect === "fade") { + $lazyImg.fadeIn(400); + } else { + $lazyImg.show(); + } + if (typeof base.options.afterLazyLoad === "function") { + base.options.afterLazyLoad.apply(this, [base.$elem]); + } + } + + function checkLazyImage() { + iterations += 1; + if (base.completeImg($lazyImg.get(0)) || isBackgroundImg === true) { + showImage(); + } else if (iterations <= 100) {//if image loads in less than 10 seconds + window.setTimeout(checkLazyImage, 100); + } else { + showImage(); + } + } + + checkLazyImage(); + }, + + autoHeight : function () { + var base = this, + $currentimg = $(base.$owlItems[base.currentItem]).find("img"), + iterations; + + function addHeight() { + var $currentItem = $(base.$owlItems[base.currentItem]).height(); + base.wrapperOuter.css("height", $currentItem + "px"); + if (!base.wrapperOuter.hasClass("autoHeight")) { + window.setTimeout(function () { + base.wrapperOuter.addClass("autoHeight"); + }, 0); + } + } + + function checkImage() { + iterations += 1; + if (base.completeImg($currentimg.get(0))) { + addHeight(); + } else if (iterations <= 100) { //if image loads in less than 10 seconds + window.setTimeout(checkImage, 100); + } else { + base.wrapperOuter.css("height", ""); //Else remove height attribute + } + } + + if ($currentimg.get(0) !== undefined) { + iterations = 0; + checkImage(); + } else { + addHeight(); + } + }, + + completeImg : function (img) { + var naturalWidthType; + + if (!img.complete) { + return false; + } + naturalWidthType = typeof img.naturalWidth; + if (naturalWidthType !== "undefined" && img.naturalWidth === 0) { + return false; + } + return true; + }, + + onVisibleItems : function () { + var base = this, + i; + + if (base.options.addClassActive === true) { + base.$owlItems.removeClass("active"); + } + base.visibleItems = []; + for (i = base.currentItem; i < base.currentItem + base.options.items; i += 1) { + base.visibleItems.push(i); + + if (base.options.addClassActive === true) { + $(base.$owlItems[i]).addClass("active"); + } + } + base.owl.visibleItems = base.visibleItems; + }, + + transitionTypes : function (className) { + var base = this; + //Currently available: "fade", "backSlide", "goDown", "fadeUp" + base.outClass = "owl-" + className + "-out"; + base.inClass = "owl-" + className + "-in"; + }, + + singleItemTransition : function () { + var base = this, + outClass = base.outClass, + inClass = base.inClass, + $currentItem = base.$owlItems.eq(base.currentItem), + $prevItem = base.$owlItems.eq(base.prevItem), + prevPos = Math.abs(base.positionsInArray[base.currentItem]) + base.positionsInArray[base.prevItem], + origin = Math.abs(base.positionsInArray[base.currentItem]) + base.itemWidth / 2, + animEnd = 'webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend'; + + base.isTransition = true; + + base.$owlWrapper + .addClass('owl-origin') + .css({ + "-webkit-transform-origin" : origin + "px", + "-moz-perspective-origin" : origin + "px", + "perspective-origin" : origin + "px" + }); + function transStyles(prevPos) { + return { + "position" : "relative", + "left" : prevPos + "px" + }; + } + + $prevItem + .css(transStyles(prevPos, 10)) + .addClass(outClass) + .on(animEnd, function () { + base.endPrev = true; + $prevItem.off(animEnd); + base.clearTransStyle($prevItem, outClass); + }); + + $currentItem + .addClass(inClass) + .on(animEnd, function () { + base.endCurrent = true; + $currentItem.off(animEnd); + base.clearTransStyle($currentItem, inClass); + }); + }, + + clearTransStyle : function (item, classToRemove) { + var base = this; + item.css({ + "position" : "", + "left" : "" + }).removeClass(classToRemove); + + if (base.endPrev && base.endCurrent) { + base.$owlWrapper.removeClass('owl-origin'); + base.endPrev = false; + base.endCurrent = false; + base.isTransition = false; + } + }, + + owlStatus : function () { + var base = this; + base.owl = { + "userOptions" : base.userOptions, + "baseElement" : base.$elem, + "userItems" : base.$userItems, + "owlItems" : base.$owlItems, + "currentItem" : base.currentItem, + "prevItem" : base.prevItem, + "visibleItems" : base.visibleItems, + "isTouch" : base.browser.isTouch, + "browser" : base.browser, + "dragDirection" : base.dragDirection + }; + }, + + clearEvents : function () { + var base = this; + base.$elem.off(".owl owl mousedown.disableTextSelect"); + $(document).off(".owl owl"); + $(window).off("resize", base.resizer); + }, + + unWrap : function () { + var base = this; + if (base.$elem.children().length !== 0) { + base.$owlWrapper.unwrap(); + base.$userItems.unwrap().unwrap(); + if (base.owlControls) { + base.owlControls.remove(); + } + } + base.clearEvents(); + base.$elem + .attr("style", base.$elem.data("owl-originalStyles") || "") + .attr("class", base.$elem.data("owl-originalClasses")); + }, + + destroy : function () { + var base = this; + base.stop(); + window.clearInterval(base.checkVisible); + base.unWrap(); + base.$elem.removeData(); + }, + + reinit : function (newOptions) { + var base = this, + options = $.extend({}, base.userOptions, newOptions); + base.unWrap(); + base.init(options, base.$elem); + }, + + addItem : function (htmlString, targetPosition) { + var base = this, + position; + + if (!htmlString) {return false; } + + if (base.$elem.children().length === 0) { + base.$elem.append(htmlString); + base.setVars(); + return false; + } + base.unWrap(); + if (targetPosition === undefined || targetPosition === -1) { + position = -1; + } else { + position = targetPosition; + } + if (position >= base.$userItems.length || position === -1) { + base.$userItems.eq(-1).after(htmlString); + } else { + base.$userItems.eq(position).before(htmlString); + } + + base.setVars(); + }, + + removeItem : function (targetPosition) { + var base = this, + position; + + if (base.$elem.children().length === 0) { + return false; + } + if (targetPosition === undefined || targetPosition === -1) { + position = -1; + } else { + position = targetPosition; + } + + base.unWrap(); + base.$userItems.eq(position).remove(); + base.setVars(); + } + + }; + + $.fn.owlCarousel = function (options) { + return this.each(function () { + if ($(this).data("owl-init") === true) { + return false; + } + $(this).data("owl-init", true); + var carousel = Object.create(Carousel); + carousel.init(options, this); + $.data(this, "owlCarousel", carousel); + }); + }; + + $.fn.owlCarousel.options = { + + items : 5, + itemsCustom : false, + itemsDesktop : [1199, 4], + itemsDesktopSmall : [979, 3], + itemsTablet : [768, 2], + itemsTabletSmall : false, + itemsMobile : [479, 1], + singleItem : false, + itemsScaleUp : false, + + slideSpeed : 200, + paginationSpeed : 800, + rewindSpeed : 1000, + + autoPlay : false, + stopOnHover : false, + + navigation : false, + navigationText : ["prev", "next"], + rewindNav : true, + scrollPerPage : false, + + pagination : true, + paginationNumbers : false, + + responsive : true, + responsiveRefreshRate : 200, + responsiveBaseWidth : window, + + baseClass : "owl-carousel", + theme : "owl-theme", + + lazyLoad : false, + lazyFollow : true, + lazyEffect : "fade", + + autoHeight : false, + + jsonPath : false, + jsonSuccess : false, + + dragBeforeAnimFinish : true, + mouseDrag : true, + touchDrag : true, + + addClassActive : false, + transitionStyle : false, + + beforeUpdate : false, + afterUpdate : false, + beforeInit : false, + afterInit : false, + beforeMove : false, + afterMove : false, + afterAction : false, + startDragging : false, + afterLazyLoad: false + }; +}(jQuery, window, document)); \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..fb83267 --- /dev/null +++ b/js/script.js @@ -0,0 +1,312 @@ +//LOADER/SPINNER +$(window).bind("load", function() { + + "use strict"; + + $(".spn_hol").fadeOut(1000); +}); + + +//MENU APPEAR AND HIDE +$(document).ready(function() { + + "use strict"; + + $(window).scroll(function() { + + "use strict"; + + if ($(window).scrollTop() > 80) { + $(".navbar").css({ + 'margin-top': '0px', + 'opacity': '1' + }) + $(".navbar-nav>li>a").css({ + 'padding-top': '15px' + }); + $(".navbar-brand img").css({ + 'height': '35px' + }); + $(".navbar-brand img").css({ + 'padding-top': '0px' + }); + $(".navbar-default").css({ + 'background-color': 'rgba(10, 102, 9, 0.91)' + }); + } else { + $(".navbar").css({ + 'margin-top': '-100px', + 'opacity': '0' + }) + $(".navbar-nav>li>a").css({ + 'padding-top': '45px' + }); + $(".navbar-brand img").css({ + 'height': '45px' + }); + $(".navbar-brand img").css({ + 'padding-top': '20px' + }); + $(".navbar-default").css({ + 'background-color': 'rgba(59, 59, 59, 0)' + }); + } + }); +}); + + + + + // MENU SECTION ACTIVE +$(document).ready(function() { + + "use strict"; + + $(".navbar-nav li a").click(function() { + + "use strict"; + + $(".navbar-nav li a").parent().removeClass("active"); + $(this).parent().addClass("active"); + }); +}); + + + +// Hilight MENU on SCROLl + +$(document).ready(function() { + + "use strict"; + + $(window).scroll(function() { + + "use strict"; + + $(".page").each(function() { + + "use strict"; + + var bb = $(this).attr("id"); + var hei = $(this).outerHeight(); + var grttop = $(this).offset().top - 70; + if ($(window).scrollTop() > grttop - 1 && $(window).scrollTop() < grttop + hei - 1) { + var uu = $(".navbar-nav li a[href='#" + bb + "']").parent().addClass("active"); + } else { + var uu = $(".navbar-nav li a[href='#" + bb + "']").parent().removeClass("active"); + } + }); + }); +}); + + + +//SMOOTH MENU SCROOL + + +$(function() { + + "use strict"; + + $('a[href*=#]:not([href=#])').click(function() { + if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { + var target = $(this.hash); + target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); + if (target.length) { + $('html,body').animate({ + scrollTop: target.offset().top + }, 1000); + return false; + } + } + }); +}); + + + +// FIX HOME SCREEN HEIGHT +$(document).ready(function() { + + "use strict"; + + setInterval(function() { + + "use strict"; + + var widnowHeight = $(window).height(); + var containerHeight = $(".home-container").height(); + var padTop = widnowHeight - containerHeight; + $(".home-container").css({ + 'padding-top': Math.round(padTop / 2) + 'px', + 'padding-bottom': Math.round(padTop / 2) + 'px' + }); + }, 10) +}); + + + +//PARALLAX +$(document).ready(function() { + + "use strict"; + + $(window).bind('load', function() { + "use strict"; + parallaxInit(); + }); + + function parallaxInit() { + "use strict"; + $('.home-parallax').parallax("30%", 0.1); + $('.subscribe-parallax').parallax("30%", 0.1); + $('.testimonial').parallax("10%", 1); + /*add as necessary*/ + } +}); + + + +//OWL CAROSEL +$(document).ready(function() { + + "use strict"; + + $("#owl-demo").owlCarousel({ + autoPlay: 3000, + items: 4, //10 items above 1000px browser width + itemsDesktop: [1370, 3], //5 items between 1000px and 901px + itemsDesktopSmall: [900, 2], // betweem 900px and 601px + itemsTablet: [600, 1], //2 items between 600 and 0 + }); +}); + + + + //PRETTYPHOTO + +$(document).ready(function() { + + "use strict"; + + $("a[rel^='prettyPhoto']").prettyPhoto({ + show_title: false, + /* true/false */ + }); +}); + + + +//WOW JS +$(document).ready(function() { + + "use strict"; + + new WOW().init(); +}); + + + +//RESPONSIVE VIDEO +$(document).ready(function() { + + "use strict"; + + // Basic FitVids Test + $(".video").fitVids(); +}); + + + +//CONTACT FORM VALIDATION +$(document).ready(function() { + + "use strict"; + + $(".form_submit").click(function() { + + "use strict"; + + var name = $("#name").val(); + var emaild = $("#email").val(); + var subject = $("#subject").val(); + var message = $("#message").val(); + var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; + if (!name) { + $(".form_error .name_error").addClass("show").removeClass("hide"); + return false; + } else { + $(".form_error .name_error").addClass("hide").removeClass("show"); + } + if (!emaild) { + $(".form_error .email_error").addClass("show").removeClass("hide"); + return false; + } else { + $(".form_error .email_error").addClass("hide").removeClass("show"); + if (testEmail.test(emaild)) { + $(".form_error .email_val_error").addClass("hide").removeClass("show"); + } else { + $(".form_error .email_val_error").addClass("show").removeClass("hide"); + return false; + } + } + if (!message) { + $(".form_error .message_error").addClass("show").removeClass("hide"); + return false; + } else { + $(".form_error .message_error").addClass("hide").removeClass("show"); + } + if (name && emaild && message) { + $.ajax({ + url: 'contact.php', + data: { + name: name, + emaild: emaild, + subject: subject, + message: message + }, + type: 'POST', + success: function(data) { + $(".Sucess").show(); + $(".Sucess").fadeIn(2000); + $(".Sucess").html(" Dear " + name + " Thank you for your inquiry we will respond to you as soon as possible!"); + $("#Name").val(""); + $("#Email").val(""); + $("#Subject").val(""); + $("#Message").val(""); + $(".form_error .name_error, .form_error .email_error, .form_error .email_val_error, .form_error .message_error").addClass("hide").removeClass("show"); + $("#name").val(""); + $("#email").val(""); + $("#subject").val(""); + $("#message").val(""); + } + }); + } + return false; + }); +}); + + + +/// SMOOTH SCROLL + +$(document).ready(function() { + + "use strict"; + + var scrollAnimationTime = 1200, + scrollAnimation = 'easeInOutExpo'; + $('a.scrollto').bind('click.smoothscroll', function(event) { + event.preventDefault(); + var target = this.hash; + $('html, body').stop().animate({ + 'scrollTop': $(target).offset().top + }, scrollAnimationTime, scrollAnimation, function() { + window.location.hash = target; + }); + }); + //COUNTER + $('.counter_num').counterUp({ + delay: 10, + time: 2000 + }); +}); diff --git a/js/smoothscroll.js b/js/smoothscroll.js new file mode 100644 index 0000000..09bd2fa --- /dev/null +++ b/js/smoothscroll.js @@ -0,0 +1,304 @@ +// SmoothScroll v0.9.9 +// Licensed under the terms of the MIT license. + +// People involved +// - Balazs Galambosi: maintainer (CHANGELOG.txt) +// - Patrick Brunner (patrickb1991@gmail.com) +// - Michael Herf: ssc_pulse Algorithm + +function ssc_init() { + if (!document.body) return; + var e = document.body; + var t = document.documentElement; + var n = window.innerHeight; + var r = e.scrollHeight; + ssc_root = document.compatMode.indexOf("CSS") >= 0 ? t : e; + ssc_activeElement = e; + ssc_initdone = true; + if (top != self) { + ssc_frame = true + } else if (r > n && (e.offsetHeight <= n || t.offsetHeight <= n)) { + ssc_root.style.height = "auto"; + if (ssc_root.offsetHeight <= n) { + var i = document.createElement("div"); + i.style.clear = "both"; + e.appendChild(i) + } + } + if (!ssc_fixedback) { + e.style.backgroundAttachment = "scroll"; + t.style.backgroundAttachment = "scroll" + } + if (ssc_keyboardsupport) { + ssc_addEvent("keydown", ssc_keydown) + } +} + +function ssc_scrollArray(e, t, n, r) { + r || (r = 1e3); + ssc_directionCheck(t, n); + ssc_que.push({ + x: t, + y: n, + lastX: t < 0 ? .99 : -.99, + lastY: n < 0 ? .99 : -.99, + start: +(new Date) + }); + if (ssc_pending) { + return + } + var i = function () { + var s = +(new Date); + var o = 0; + var u = 0; + for (var a = 0; a < ssc_que.length; a++) { + var f = ssc_que[a]; + var l = s - f.start; + var c = l >= ssc_animtime; + var h = c ? 1 : l / ssc_animtime; + if (ssc_pulseAlgorithm) { + h = ssc_pulse(h) + } + var p = f.x * h - f.lastX >> 0; + var d = f.y * h - f.lastY >> 0; + o += p; + u += d; + f.lastX += p; + f.lastY += d; + if (c) { + ssc_que.splice(a, 1); + a-- + } + } + if (t) { + var v = e.scrollLeft; + e.scrollLeft += o; + if (o && e.scrollLeft === v) { + t = 0 + } + } + if (n) { + var m = e.scrollTop; + e.scrollTop += u; + if (u && e.scrollTop === m) { + n = 0 + } + } + if (!t && !n) { + ssc_que = [] + } + if (ssc_que.length) { + setTimeout(i, r / ssc_framerate + 1) + } else { + ssc_pending = false + } + }; + setTimeout(i, 0); + ssc_pending = true +} + +function ssc_wheel(e) { + if (!ssc_initdone) { + ssc_init() + } + var t = e.target; + var n = ssc_overflowingAncestor(t); + if (!n || e.defaultPrevented || ssc_isNodeName(ssc_activeElement, "embed") || ssc_isNodeName(t, "embed") && /\.pdf/i.test(t.src)) { + return true + } + var r = e.wheelDeltaX || 0; + var i = e.wheelDeltaY || 0; + if (!r && !i) { + i = e.wheelDelta || 0 + } + if (Math.abs(r) > 1.2) { + r *= ssc_stepsize / 120 + } + if (Math.abs(i) > 1.2) { + i *= ssc_stepsize / 120 + } + ssc_scrollArray(n, -r, -i); + e.preventDefault() +} + +function ssc_keydown(e) { + var t = e.target; + var n = e.ctrlKey || e.altKey || e.metaKey; + if (/input|textarea|embed/i.test(t.nodeName) || t.isContentEditable || e.defaultPrevented || n) { + return true + } + if (ssc_isNodeName(t, "button") && e.keyCode === ssc_key.spacebar) { + return true + } + var r, i = 0, + s = 0; + var o = ssc_overflowingAncestor(ssc_activeElement); + var u = o.clientHeight; + if (o == document.body) { + u = window.innerHeight + } + switch (e.keyCode) { + case ssc_key.up: + s = -ssc_arrowscroll; + break; + case ssc_key.down: + s = ssc_arrowscroll; + break; + case ssc_key.spacebar: + r = e.shiftKey ? 1 : -1; + s = -r * u * .9; + break; + case ssc_key.pageup: + s = -u * .9; + break; + case ssc_key.pagedown: + s = u * .9; + break; + case ssc_key.home: + s = -o.scrollTop; + break; + case ssc_key.end: + var a = o.scrollHeight - o.scrollTop - u; + s = a > 0 ? a + 10 : 0; + break; + case ssc_key.left: + i = -ssc_arrowscroll; + break; + case ssc_key.right: + i = ssc_arrowscroll; + break; + default: + return true + } + ssc_scrollArray(o, i, s); + e.preventDefault() +} + +function ssc_mousedown(e) { + ssc_activeElement = e.target +} + +function ssc_setCache(e, t) { + for (var n = e.length; n--;) ssc_cache[ssc_uniqueID(e[n])] = t; + return t +} + +function ssc_overflowingAncestor(e) { + var t = []; + var n = ssc_root.scrollHeight; + do { + var r = ssc_cache[ssc_uniqueID(e)]; + if (r) { + return ssc_setCache(t, r) + } + t.push(e); + if (n === e.scrollHeight) { + if (!ssc_frame || ssc_root.clientHeight + 10 < n) { + return ssc_setCache(t, document.body) + } + } else if (e.clientHeight + 10 < e.scrollHeight) { + overflow = getComputedStyle(e, "").getPropertyValue("overflow"); + if (overflow === "scroll" || overflow === "auto") { + return ssc_setCache(t, e) + } + } + } while (e = e.parentNode) +} + +function ssc_addEvent(e, t, n) { + window.addEventListener(e, t, n || false) +} + +function ssc_removeEvent(e, t, n) { + window.removeEventListener(e, t, n || false) +} + +function ssc_isNodeName(e, t) { + return e.nodeName.toLowerCase() === t.toLowerCase() +} + +function ssc_directionCheck(e, t) { + e = e > 0 ? 1 : -1; + t = t > 0 ? 1 : -1; + if (ssc_direction.x !== e || ssc_direction.y !== t) { + ssc_direction.x = e; + ssc_direction.y = t; + ssc_que = [] + } +} + +function ssc_pulse_(e) { + var t, n, r; + e = e * ssc_pulseScale; + if (e < 1) { + t = e - (1 - Math.exp(-e)) + } else { + n = Math.exp(-1); + e -= 1; + r = 1 - Math.exp(-e); + t = n + r * (1 - n) + } + return t * ssc_pulseNormalize +} + +function ssc_pulse(e) { + if (e >= 1) return 1; + if (e <= 0) return 0; + if (ssc_pulseNormalize == 1) { + ssc_pulseNormalize /= ssc_pulse_(1) + } + return ssc_pulse_(e) +} + +var ssc_framerate = 150; +var ssc_animtime = 500; +var ssc_stepsize = 150; +var ssc_pulseAlgorithm = true; +var ssc_pulseScale = 6; +var ssc_pulseNormalize = 1; +var ssc_keyboardsupport = true; +var ssc_arrowscroll = 50; +var ssc_frame = false; +var ssc_direction = { + x: 0, + y: 0 +}; + +var ssc_initdone = false; +var ssc_fixedback = true; +var ssc_root = document.documentElement; +var ssc_activeElement; +var ssc_key = { + left: 37, + up: 38, + right: 39, + down: 40, + spacebar: 32, + pageup: 33, + pagedown: 34, + end: 35, + home: 36 +}; + +var ssc_que = []; +var ssc_pending = false; +var ssc_cache = {}; + +setInterval(function () { + ssc_cache = {} +}, 10 * 1e3); + +var ssc_uniqueID = function () { + var e = 0; + return function (t) { + return t.ssc_uniqueID || (t.ssc_uniqueID = e++) + } +}(); + +var ischrome = /chrome/.test(navigator.userAgent.toLowerCase()); + +if (ischrome) { + ssc_addEvent("mousedown", ssc_mousedown); + ssc_addEvent("mousewheel", ssc_wheel); + ssc_addEvent("load", ssc_init) +} \ No newline at end of file diff --git a/js/waypoints.min.js b/js/waypoints.min.js new file mode 100644 index 0000000..2470db4 --- /dev/null +++ b/js/waypoints.min.js @@ -0,0 +1,8 @@ +// Generated by CoffeeScript 1.6.2 +/* +jQuery Waypoints - v2.0.3 +Copyright (c) 2011-2013 Caleb Troughton +Dual licensed under the MIT license and GPL license. +https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt +*/ +(function(){var t=[].indexOf||function(t){for(var e=0,n=this.length;e=0;s={horizontal:{},vertical:{}};f=1;a={};u="waypoints-context-id";p="resize.waypoints";y="scroll.waypoints";v=1;w="waypoints-waypoint-ids";g="waypoint";m="waypoints";o=function(){function t(t){var e=this;this.$element=t;this.element=t[0];this.didResize=false;this.didScroll=false;this.id="context"+f++;this.oldScroll={x:t.scrollLeft(),y:t.scrollTop()};this.waypoints={horizontal:{},vertical:{}};t.data(u,this.id);a[this.id]=this;t.bind(y,function(){var t;if(!(e.didScroll||c)){e.didScroll=true;t=function(){e.doScroll();return e.didScroll=false};return r.setTimeout(t,n[m].settings.scrollThrottle)}});t.bind(p,function(){var t;if(!e.didResize){e.didResize=true;t=function(){n[m]("refresh");return e.didResize=false};return r.setTimeout(t,n[m].settings.resizeThrottle)}})}t.prototype.doScroll=function(){var t,e=this;t={horizontal:{newScroll:this.$element.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.$element.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};if(c&&(!t.vertical.oldScroll||!t.vertical.newScroll)){n[m]("refresh")}n.each(t,function(t,r){var i,o,l;l=[];o=r.newScroll>r.oldScroll;i=o?r.forward:r.backward;n.each(e.waypoints[t],function(t,e){var n,i;if(r.oldScroll<(n=e.offset)&&n<=r.newScroll){return l.push(e)}else if(r.newScroll<(i=e.offset)&&i<=r.oldScroll){return l.push(e)}});l.sort(function(t,e){return t.offset-e.offset});if(!o){l.reverse()}return n.each(l,function(t,e){if(e.options.continuous||t===l.length-1){return e.trigger([i])}})});return this.oldScroll={x:t.horizontal.newScroll,y:t.vertical.newScroll}};t.prototype.refresh=function(){var t,e,r,i=this;r=n.isWindow(this.element);e=this.$element.offset();this.doScroll();t={horizontal:{contextOffset:r?0:e.left,contextScroll:r?0:this.oldScroll.x,contextDimension:this.$element.width(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:r?0:e.top,contextScroll:r?0:this.oldScroll.y,contextDimension:r?n[m]("viewportHeight"):this.$element.height(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};return n.each(t,function(t,e){return n.each(i.waypoints[t],function(t,r){var i,o,l,s,f;i=r.options.offset;l=r.offset;o=n.isWindow(r.element)?0:r.$element.offset()[e.offsetProp];if(n.isFunction(i)){i=i.apply(r.element)}else if(typeof i==="string"){i=parseFloat(i);if(r.options.offset.indexOf("%")>-1){i=Math.ceil(e.contextDimension*i/100)}}r.offset=o-e.contextOffset+e.contextScroll-i;if(r.options.onlyOnScroll&&l!=null||!r.enabled){return}if(l!==null&&l<(s=e.oldScroll)&&s<=r.offset){return r.trigger([e.backward])}else if(l!==null&&l>(f=e.oldScroll)&&f>=r.offset){return r.trigger([e.forward])}else if(l===null&&e.oldScroll>=r.offset){return r.trigger([e.forward])}})})};t.prototype.checkEmpty=function(){if(n.isEmptyObject(this.waypoints.horizontal)&&n.isEmptyObject(this.waypoints.vertical)){this.$element.unbind([p,y].join(" "));return delete a[this.id]}};return t}();l=function(){function t(t,e,r){var i,o;r=n.extend({},n.fn[g].defaults,r);if(r.offset==="bottom-in-view"){r.offset=function(){var t;t=n[m]("viewportHeight");if(!n.isWindow(e.element)){t=e.$element.height()}return t-n(this).outerHeight()}}this.$element=t;this.element=t[0];this.axis=r.horizontal?"horizontal":"vertical";this.callback=r.handler;this.context=e;this.enabled=r.enabled;this.id="waypoints"+v++;this.offset=null;this.options=r;e.waypoints[this.axis][this.id]=this;s[this.axis][this.id]=this;i=(o=t.data(w))!=null?o:[];i.push(this.id);t.data(w,i)}t.prototype.trigger=function(t){if(!this.enabled){return}if(this.callback!=null){this.callback.apply(this.element,t)}if(this.options.triggerOnce){return this.destroy()}};t.prototype.disable=function(){return this.enabled=false};t.prototype.enable=function(){this.context.refresh();return this.enabled=true};t.prototype.destroy=function(){delete s[this.axis][this.id];delete this.context.waypoints[this.axis][this.id];return this.context.checkEmpty()};t.getWaypointsByElement=function(t){var e,r;r=n(t).data(w);if(!r){return[]}e=n.extend({},s.horizontal,s.vertical);return n.map(r,function(t){return e[t]})};return t}();d={init:function(t,e){var r;if(e==null){e={}}if((r=e.handler)==null){e.handler=t}this.each(function(){var t,r,i,s;t=n(this);i=(s=e.context)!=null?s:n.fn[g].defaults.context;if(!n.isWindow(i)){i=t.closest(i)}i=n(i);r=a[i.data(u)];if(!r){r=new o(i)}return new l(t,r,e)});n[m]("refresh");return this},disable:function(){return d._invoke(this,"disable")},enable:function(){return d._invoke(this,"enable")},destroy:function(){return d._invoke(this,"destroy")},prev:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(e>0){return t.push(n[e-1])}})},next:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(et.oldScroll.y})},left:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset<=t.oldScroll.x})},right:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset>t.oldScroll.x})},enable:function(){return h._invoke("enable")},disable:function(){return h._invoke("disable")},destroy:function(){return h._invoke("destroy")},extendFn:function(t,e){return d[t]=e},_invoke:function(t){var e;e=n.extend({},s.vertical,s.horizontal);return n.each(e,function(e,n){n[t]();return true})},_filter:function(t,e,r){var i,o;i=a[n(t).data(u)];if(!i){return[]}o=[];n.each(i.waypoints[e],function(t,e){if(r(i,e)){return o.push(e)}});o.sort(function(t,e){return t.offset-e.offset});return n.map(o,function(t){return t.element})}};n[m]=function(){var t,n;n=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(h[n]){return h[n].apply(null,t)}else{return h.aggregate.call(null,n)}};n[m].settings={resizeThrottle:100,scrollThrottle:30};return i.load(function(){return n[m]("refresh")})})}).call(this); \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: /