From e60c2dec89c9426085816c319c3dcba04ef95d42 Mon Sep 17 00:00:00 2001 From: Shivansh Gupta Date: Wed, 27 Jan 2021 14:12:58 +0530 Subject: [PATCH 1/4] added faqs section --- .history/css/main_20210120004434.css | 1494 +++++++++++++++++ .history/css/main_20210127115655.css | 1543 +++++++++++++++++ .history/css/main_20210127115757.css | 1547 ++++++++++++++++++ .history/css/main_20210127115809.css | 1548 ++++++++++++++++++ .history/css/main_20210127121048.css | 1553 ++++++++++++++++++ .history/css/main_20210127121223.css | 1554 ++++++++++++++++++ .history/css/main_20210127121230.css | 1555 ++++++++++++++++++ .history/css/main_20210127121237.css | 1555 ++++++++++++++++++ .history/css/main_20210127121241.css | 1554 ++++++++++++++++++ .history/css/main_20210127122507.css | 1583 ++++++++++++++++++ .history/css/main_20210127122746.css | 1583 ++++++++++++++++++ .history/css/main_20210127122809.css | 1587 ++++++++++++++++++ .history/css/main_20210127122853.css | 1587 ++++++++++++++++++ .history/css/main_20210127122919.css | 1586 ++++++++++++++++++ .history/css/main_20210127130654.css | 1587 ++++++++++++++++++ .history/css/main_20210127130702.css | 1588 ++++++++++++++++++ .history/css/main_20210127130710.css | 1589 ++++++++++++++++++ .history/css/main_20210127130733.css | 1585 ++++++++++++++++++ .history/css/main_20210127130739.css | 1589 ++++++++++++++++++ .history/css/main_20210127131427.css | 1593 ++++++++++++++++++ .history/css/main_20210127131439.css | 1593 ++++++++++++++++++ .history/css/main_20210127131638.css | 1593 ++++++++++++++++++ .history/css/main_20210127131651.css | 1592 ++++++++++++++++++ .history/css/main_20210127131704.css | 1592 ++++++++++++++++++ .history/css/main_20210127131710.css | 1592 ++++++++++++++++++ .history/css/main_20210127131733.css | 1593 ++++++++++++++++++ .history/css/main_20210127131738.css | 1593 ++++++++++++++++++ .history/css/main_20210127131830.css | 1608 ++++++++++++++++++ .history/css/main_20210127131838.css | 1608 ++++++++++++++++++ .history/css/main_20210127132242.css | 1608 ++++++++++++++++++ .history/css/main_20210127132254.css | 1608 ++++++++++++++++++ .history/css/main_20210127132302.css | 1608 ++++++++++++++++++ .history/css/main_20210127132313.css | 1609 ++++++++++++++++++ .history/css/main_20210127132319.css | 1609 ++++++++++++++++++ .history/css/main_20210127132325.css | 1610 ++++++++++++++++++ .history/css/main_20210127132335.css | 1608 ++++++++++++++++++ .history/css/main_20210127132740.css | 1608 ++++++++++++++++++ .history/css/main_20210127132745.css | 1605 ++++++++++++++++++ .history/css/main_20210127132753.css | 1605 ++++++++++++++++++ .history/css/main_20210127132918.css | 1605 ++++++++++++++++++ .history/css/main_20210127133342.css | 1605 ++++++++++++++++++ .history/css/main_20210127133423.css | 1605 ++++++++++++++++++ .history/css/main_20210127133434.css | 1604 ++++++++++++++++++ .history/css/main_20210127133439.css | 1604 ++++++++++++++++++ .history/css/main_20210127133445.css | 1604 ++++++++++++++++++ .history/css/main_20210127133451.css | 1604 ++++++++++++++++++ .history/css/main_20210127133456.css | 1604 ++++++++++++++++++ .history/css/main_20210127133500.css | 1604 ++++++++++++++++++ .history/css/main_20210127133509.css | 1604 ++++++++++++++++++ .history/css/main_20210127133520.css | 1605 ++++++++++++++++++ .history/css/main_20210127133547.css | 1609 ++++++++++++++++++ .history/css/main_20210127133558.css | 1610 ++++++++++++++++++ .history/css/main_20210127133603.css | 1610 ++++++++++++++++++ .history/css/main_20210127133620.css | 1610 ++++++++++++++++++ .history/css/main_20210127133623.css | 1610 ++++++++++++++++++ .history/css/main_20210127133631.css | 1609 ++++++++++++++++++ .history/css/main_20210127133804.css | 1610 ++++++++++++++++++ .history/css/main_20210127133811.css | 1611 ++++++++++++++++++ .history/css/main_20210127134051.css | 1611 ++++++++++++++++++ .history/css/main_20210127134059.css | 1611 ++++++++++++++++++ .history/css/main_20210127134546.css | 1611 ++++++++++++++++++ .history/css/main_20210127134604.css | 1611 ++++++++++++++++++ .history/css/main_20210127134620.css | 1611 ++++++++++++++++++ .history/css/main_20210127134628.css | 1611 ++++++++++++++++++ .history/css/main_20210127134636.css | 1611 ++++++++++++++++++ .history/css/main_20210127134641.css | 1611 ++++++++++++++++++ .history/css/main_20210127134658.css | 1611 ++++++++++++++++++ .history/css/main_20210127134714.css | 1611 ++++++++++++++++++ .history/css/main_20210127134732.css | 1611 ++++++++++++++++++ .history/css/main_20210127134740.css | 1611 ++++++++++++++++++ .history/css/main_20210127134754.css | 1614 ++++++++++++++++++ .history/css/main_20210127134800.css | 1614 ++++++++++++++++++ .history/css/main_20210127134821.css | 1617 ++++++++++++++++++ .history/css/main_20210127134848.css | 1617 ++++++++++++++++++ .history/css/main_20210127134912.css | 1617 ++++++++++++++++++ .history/css/main_20210127134925.css | 1614 ++++++++++++++++++ .history/css/main_20210127140430.css | 1615 ++++++++++++++++++ .history/css/main_20210127140930.css | 1621 ++++++++++++++++++ .history/css/main_20210127140935.css | 1621 ++++++++++++++++++ .history/index_20210120004434.html | 866 ++++++++++ .history/index_20210120004842.html | 865 ++++++++++ .history/index_20210120004959.html | 865 ++++++++++ .history/index_20210120005224.html | 865 ++++++++++ .history/index_20210127115514.html | 870 ++++++++++ .history/index_20210127115521.html | 870 ++++++++++ .history/index_20210127115527.html | 870 ++++++++++ .history/index_20210127115708.html | 870 ++++++++++ .history/index_20210127115715.html | 870 ++++++++++ .history/index_20210127115725.html | 870 ++++++++++ .history/index_20210127120108.html | 883 ++++++++++ .history/index_20210127120147.html | 888 ++++++++++ .history/index_20210127120149.html | 888 ++++++++++ .history/index_20210127120236.html | 894 ++++++++++ .history/index_20210127120319.html | 900 ++++++++++ .history/index_20210127120350.html | 905 ++++++++++ .history/index_20210127120421.html | 909 +++++++++++ .history/index_20210127120521.html | 914 +++++++++++ .history/index_20210127120604.html | 922 +++++++++++ .history/index_20210127120652.html | 929 +++++++++++ .history/index_20210127120756.html | 941 +++++++++++ .history/index_20210127120829.html | 947 +++++++++++ .history/index_20210127120855.html | 951 +++++++++++ .history/index_20210127121002.html | 963 +++++++++++ .history/index_20210127121003.html | 963 +++++++++++ .history/index_20210127121004.html | 962 +++++++++++ .history/index_20210127121007.html | 962 +++++++++++ .history/index_20210127121008.html | 962 +++++++++++ .history/index_20210127121122.html | 966 +++++++++++ .history/index_20210127122719.html | 966 +++++++++++ .history/index_20210127123019.html | 966 +++++++++++ .history/index_20210127123048.html | 966 +++++++++++ .history/index_20210127123107.html | 968 +++++++++++ .history/index_20210127123110.html | 968 +++++++++++ .history/index_20210127123141.html | 970 +++++++++++ .history/index_20210127123242.html | 971 +++++++++++ .history/index_20210127130432.html | 971 +++++++++++ .history/index_20210127130511.html | 971 +++++++++++ .history/index_20210127130521.html | 971 +++++++++++ .history/index_20210127131552.html | 971 +++++++++++ .history/index_20210127131614.html | 971 +++++++++++ .history/index_20210127141125.html | 972 +++++++++++ .history/index_20210127141139.html | 972 +++++++++++ .history/js/faqs_20210127123207.js | 0 .history/js/faqs_20210127123214.js | 19 + .history/js/faqs_20210127123306.js | 19 + .history/js/faqs_20210127123329.js | 19 + .history/js/faqs_20210127131437.js | 19 + .history/js/faqs_20210127131448.js | 19 + .history/js/faqs_20210127131914.js | 19 + .history/js/faqs_20210127131922.js | 20 + .history/js/faqs_20210127132042.js | 20 + .history/js/faqs_20210127132131.js | 21 + .history/js/faqs_20210127132158.js | 22 + .history/js/faqs_20210127132707.js | 22 + .history/js/faqs_20210127133909.js | 24 + .history/js/faqs_20210127133943.js | 26 + .history/js/faqs_20210127134002.js | 28 + .history/js/faqs_20210127134207.js | 29 + .history/js/faqs_20210127134221.js | 30 + .history/js/faqs_20210127134309.js | 30 + .history/js/faqs_20210127134328.js | 22 + .history/js/faqs_20210127134417.js | 23 + .history/js/faqs_20210127134419.js | 22 + .history/js/faqs_20210127134442.js | 22 + .history/js/faqs_20210127134448.js | 22 + .history/js/faqs_20210127134455.js | 22 + .history/js/faqs_20210127134500.js | 22 + .history/js/faqs_20210127134503.js | 22 + .history/js/faqs_20210127134514.js | 22 + .history/js/faqs_20210127134522.js | 22 + .history/js/faqs_20210127134834.js | 22 + .history/js/faqs_20210127135144.js | 23 + .history/js/faqs_20210127135208.js | 23 + .history/js/faqs_20210127135226.js | 22 + .history/js/faqs_20210127135342.js | 23 + .history/js/faqs_20210127135519.js | 23 + .history/js/faqs_20210127135540.js | 23 + .history/js/faqs_20210127135557.js | 23 + .history/js/faqs_20210127135613.js | 23 + .history/js/faqs_20210127135620.js | 23 + .history/js/faqs_20210127135634.js | 23 + .history/js/faqs_20210127135635.js | 23 + .history/js/faqs_20210127135654.js | 23 + .history/js/faqs_20210127135812.js | 23 + .history/js/faqs_20210127135834.js | 23 + .history/js/faqs_20210127135926.js | 23 + .history/js/faqs_20210127140015.js | 23 + .history/js/faqs_20210127140030.js | 23 + .history/js/faqs_20210127140043.js | 23 + .history/js/faqs_20210127140059.js | 23 + .history/js/faqs_20210127140116.js | 24 + .history/js/faqs_20210127140120.js | 25 + .history/js/faqs_20210127140146.js | 25 + .vscode/settings.json | 3 + css/main.css | 2271 ++++++++++++++------------ index.html | 120 +- js/faqs.js | 25 + 177 files changed, 168594 insertions(+), 1079 deletions(-) create mode 100644 .history/css/main_20210120004434.css create mode 100644 .history/css/main_20210127115655.css create mode 100644 .history/css/main_20210127115757.css create mode 100644 .history/css/main_20210127115809.css create mode 100644 .history/css/main_20210127121048.css create mode 100644 .history/css/main_20210127121223.css create mode 100644 .history/css/main_20210127121230.css create mode 100644 .history/css/main_20210127121237.css create mode 100644 .history/css/main_20210127121241.css create mode 100644 .history/css/main_20210127122507.css create mode 100644 .history/css/main_20210127122746.css create mode 100644 .history/css/main_20210127122809.css create mode 100644 .history/css/main_20210127122853.css create mode 100644 .history/css/main_20210127122919.css create mode 100644 .history/css/main_20210127130654.css create mode 100644 .history/css/main_20210127130702.css create mode 100644 .history/css/main_20210127130710.css create mode 100644 .history/css/main_20210127130733.css create mode 100644 .history/css/main_20210127130739.css create mode 100644 .history/css/main_20210127131427.css create mode 100644 .history/css/main_20210127131439.css create mode 100644 .history/css/main_20210127131638.css create mode 100644 .history/css/main_20210127131651.css create mode 100644 .history/css/main_20210127131704.css create mode 100644 .history/css/main_20210127131710.css create mode 100644 .history/css/main_20210127131733.css create mode 100644 .history/css/main_20210127131738.css create mode 100644 .history/css/main_20210127131830.css create mode 100644 .history/css/main_20210127131838.css create mode 100644 .history/css/main_20210127132242.css create mode 100644 .history/css/main_20210127132254.css create mode 100644 .history/css/main_20210127132302.css create mode 100644 .history/css/main_20210127132313.css create mode 100644 .history/css/main_20210127132319.css create mode 100644 .history/css/main_20210127132325.css create mode 100644 .history/css/main_20210127132335.css create mode 100644 .history/css/main_20210127132740.css create mode 100644 .history/css/main_20210127132745.css create mode 100644 .history/css/main_20210127132753.css create mode 100644 .history/css/main_20210127132918.css create mode 100644 .history/css/main_20210127133342.css create mode 100644 .history/css/main_20210127133423.css create mode 100644 .history/css/main_20210127133434.css create mode 100644 .history/css/main_20210127133439.css create mode 100644 .history/css/main_20210127133445.css create mode 100644 .history/css/main_20210127133451.css create mode 100644 .history/css/main_20210127133456.css create mode 100644 .history/css/main_20210127133500.css create mode 100644 .history/css/main_20210127133509.css create mode 100644 .history/css/main_20210127133520.css create mode 100644 .history/css/main_20210127133547.css create mode 100644 .history/css/main_20210127133558.css create mode 100644 .history/css/main_20210127133603.css create mode 100644 .history/css/main_20210127133620.css create mode 100644 .history/css/main_20210127133623.css create mode 100644 .history/css/main_20210127133631.css create mode 100644 .history/css/main_20210127133804.css create mode 100644 .history/css/main_20210127133811.css create mode 100644 .history/css/main_20210127134051.css create mode 100644 .history/css/main_20210127134059.css create mode 100644 .history/css/main_20210127134546.css create mode 100644 .history/css/main_20210127134604.css create mode 100644 .history/css/main_20210127134620.css create mode 100644 .history/css/main_20210127134628.css create mode 100644 .history/css/main_20210127134636.css create mode 100644 .history/css/main_20210127134641.css create mode 100644 .history/css/main_20210127134658.css create mode 100644 .history/css/main_20210127134714.css create mode 100644 .history/css/main_20210127134732.css create mode 100644 .history/css/main_20210127134740.css create mode 100644 .history/css/main_20210127134754.css create mode 100644 .history/css/main_20210127134800.css create mode 100644 .history/css/main_20210127134821.css create mode 100644 .history/css/main_20210127134848.css create mode 100644 .history/css/main_20210127134912.css create mode 100644 .history/css/main_20210127134925.css create mode 100644 .history/css/main_20210127140430.css create mode 100644 .history/css/main_20210127140930.css create mode 100644 .history/css/main_20210127140935.css create mode 100644 .history/index_20210120004434.html create mode 100644 .history/index_20210120004842.html create mode 100644 .history/index_20210120004959.html create mode 100644 .history/index_20210120005224.html create mode 100644 .history/index_20210127115514.html create mode 100644 .history/index_20210127115521.html create mode 100644 .history/index_20210127115527.html create mode 100644 .history/index_20210127115708.html create mode 100644 .history/index_20210127115715.html create mode 100644 .history/index_20210127115725.html create mode 100644 .history/index_20210127120108.html create mode 100644 .history/index_20210127120147.html create mode 100644 .history/index_20210127120149.html create mode 100644 .history/index_20210127120236.html create mode 100644 .history/index_20210127120319.html create mode 100644 .history/index_20210127120350.html create mode 100644 .history/index_20210127120421.html create mode 100644 .history/index_20210127120521.html create mode 100644 .history/index_20210127120604.html create mode 100644 .history/index_20210127120652.html create mode 100644 .history/index_20210127120756.html create mode 100644 .history/index_20210127120829.html create mode 100644 .history/index_20210127120855.html create mode 100644 .history/index_20210127121002.html create mode 100644 .history/index_20210127121003.html create mode 100644 .history/index_20210127121004.html create mode 100644 .history/index_20210127121007.html create mode 100644 .history/index_20210127121008.html create mode 100644 .history/index_20210127121122.html create mode 100644 .history/index_20210127122719.html create mode 100644 .history/index_20210127123019.html create mode 100644 .history/index_20210127123048.html create mode 100644 .history/index_20210127123107.html create mode 100644 .history/index_20210127123110.html create mode 100644 .history/index_20210127123141.html create mode 100644 .history/index_20210127123242.html create mode 100644 .history/index_20210127130432.html create mode 100644 .history/index_20210127130511.html create mode 100644 .history/index_20210127130521.html create mode 100644 .history/index_20210127131552.html create mode 100644 .history/index_20210127131614.html create mode 100644 .history/index_20210127141125.html create mode 100644 .history/index_20210127141139.html create mode 100644 .history/js/faqs_20210127123207.js create mode 100644 .history/js/faqs_20210127123214.js create mode 100644 .history/js/faqs_20210127123306.js create mode 100644 .history/js/faqs_20210127123329.js create mode 100644 .history/js/faqs_20210127131437.js create mode 100644 .history/js/faqs_20210127131448.js create mode 100644 .history/js/faqs_20210127131914.js create mode 100644 .history/js/faqs_20210127131922.js create mode 100644 .history/js/faqs_20210127132042.js create mode 100644 .history/js/faqs_20210127132131.js create mode 100644 .history/js/faqs_20210127132158.js create mode 100644 .history/js/faqs_20210127132707.js create mode 100644 .history/js/faqs_20210127133909.js create mode 100644 .history/js/faqs_20210127133943.js create mode 100644 .history/js/faqs_20210127134002.js create mode 100644 .history/js/faqs_20210127134207.js create mode 100644 .history/js/faqs_20210127134221.js create mode 100644 .history/js/faqs_20210127134309.js create mode 100644 .history/js/faqs_20210127134328.js create mode 100644 .history/js/faqs_20210127134417.js create mode 100644 .history/js/faqs_20210127134419.js create mode 100644 .history/js/faqs_20210127134442.js create mode 100644 .history/js/faqs_20210127134448.js create mode 100644 .history/js/faqs_20210127134455.js create mode 100644 .history/js/faqs_20210127134500.js create mode 100644 .history/js/faqs_20210127134503.js create mode 100644 .history/js/faqs_20210127134514.js create mode 100644 .history/js/faqs_20210127134522.js create mode 100644 .history/js/faqs_20210127134834.js create mode 100644 .history/js/faqs_20210127135144.js create mode 100644 .history/js/faqs_20210127135208.js create mode 100644 .history/js/faqs_20210127135226.js create mode 100644 .history/js/faqs_20210127135342.js create mode 100644 .history/js/faqs_20210127135519.js create mode 100644 .history/js/faqs_20210127135540.js create mode 100644 .history/js/faqs_20210127135557.js create mode 100644 .history/js/faqs_20210127135613.js create mode 100644 .history/js/faqs_20210127135620.js create mode 100644 .history/js/faqs_20210127135634.js create mode 100644 .history/js/faqs_20210127135635.js create mode 100644 .history/js/faqs_20210127135654.js create mode 100644 .history/js/faqs_20210127135812.js create mode 100644 .history/js/faqs_20210127135834.js create mode 100644 .history/js/faqs_20210127135926.js create mode 100644 .history/js/faqs_20210127140015.js create mode 100644 .history/js/faqs_20210127140030.js create mode 100644 .history/js/faqs_20210127140043.js create mode 100644 .history/js/faqs_20210127140059.js create mode 100644 .history/js/faqs_20210127140116.js create mode 100644 .history/js/faqs_20210127140120.js create mode 100644 .history/js/faqs_20210127140146.js create mode 100644 .vscode/settings.json create mode 100644 js/faqs.js diff --git a/.history/css/main_20210120004434.css b/.history/css/main_20210120004434.css new file mode 100644 index 0000000..d1f6bda --- /dev/null +++ b/.history/css/main_20210120004434.css @@ -0,0 +1,1494 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, .5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); + /* FF3.6-15 */ + + background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, .5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); + /* FF3.6-15 */ + + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); + /* FF3.6-15 */ + + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: .3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; + +} + +@media only screen and (max-width: 768px){ + .block-content .row { + display: block; + + + } +} +/* End speakers section*/ + + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(.8); + -webkit-transform: scale(.8); + -ms-transform: scale(.8); + -moz-transform: scale(.8); + -o-transform: scale(.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1.0; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(.8); + -webkit-transform: scale(.8); + -ms-transform: scale(.8); + -moz-transform: scale(.8); + -o-transform: scale(.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px +} +.block-ticket-small .block-price .aca{ + display: block; + font-size: 50px; + font-weight:700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1{ + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, .4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, .08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, .09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, .5); +} +/* End registry section*/ + + +/* Sponsors section*/ + + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: .18; + width: 85%; +} +.block-sponsor span{ + opacity: .18; +} + +.block-sponsor:hover img, .block-sponsor:hover span{ + opacity: 1; + transform: scale(1.10); + -webkit-transform: scale(1.10); + -ms-transform: scale(1.10); + -moz-transform: scale(1.10); +} + + +/* End sponsors section*/ +.block-club img { + + height:85%; + opacity: 1.0; + + width: 85%; +} +.block-club-1 img{ + height:2048; + width:1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + + +/* FAQ section*/ + +.block-faq h4 { + font-size: 16px; + font-weight: 700; + text-transform: none; +} +/* End faq section*/ + + +/* Gallery section*/ + +.block-gallery li { + opacity: .45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ''; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ''; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0 +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: .5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100% + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100% + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom:0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100% + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit{width: 100%;} + input[type="text"], .registry-form .block-select{max-width: 100%;} + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit{width: 100%;} + input[type="text"], .registry-form .block-select{max-width: 100%;} + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ + display: flex; + justify-content: center; + +} + +@media only screen and (max-width: 768px){ + .block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ + display: block; + } +} \ No newline at end of file diff --git a/.history/css/main_20210127115655.css b/.history/css/main_20210127115655.css new file mode 100644 index 0000000..da35714 --- /dev/null +++ b/.history/css/main_20210127115655.css @@ -0,0 +1,1543 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127115757.css b/.history/css/main_20210127115757.css new file mode 100644 index 0000000..6298f74 --- /dev/null +++ b/.history/css/main_20210127115757.css @@ -0,0 +1,1547 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127115809.css b/.history/css/main_20210127115809.css new file mode 100644 index 0000000..aa1159b --- /dev/null +++ b/.history/css/main_20210127115809.css @@ -0,0 +1,1548 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127121048.css b/.history/css/main_20210127121048.css new file mode 100644 index 0000000..922b009 --- /dev/null +++ b/.history/css/main_20210127121048.css @@ -0,0 +1,1553 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127121223.css b/.history/css/main_20210127121223.css new file mode 100644 index 0000000..5c15fbe --- /dev/null +++ b/.history/css/main_20210127121223.css @@ -0,0 +1,1554 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + margin-top: 50px; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127121230.css b/.history/css/main_20210127121230.css new file mode 100644 index 0000000..e7aea28 --- /dev/null +++ b/.history/css/main_20210127121230.css @@ -0,0 +1,1555 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + margin-top: 50px; + padding: 50px; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127121237.css b/.history/css/main_20210127121237.css new file mode 100644 index 0000000..51c3230 --- /dev/null +++ b/.history/css/main_20210127121237.css @@ -0,0 +1,1555 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + + padding: 50px; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127121241.css b/.history/css/main_20210127121241.css new file mode 100644 index 0000000..188305a --- /dev/null +++ b/.history/css/main_20210127121241.css @@ -0,0 +1,1554 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127122507.css b/.history/css/main_20210127122507.css new file mode 100644 index 0000000..959ea89 --- /dev/null +++ b/.history/css/main_20210127122507.css @@ -0,0 +1,1583 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 50%; + height: 80px; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127122746.css b/.history/css/main_20210127122746.css new file mode 100644 index 0000000..41fba36 --- /dev/null +++ b/.history/css/main_20210127122746.css @@ -0,0 +1,1583 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + height: 80px; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127122809.css b/.history/css/main_20210127122809.css new file mode 100644 index 0000000..403c05c --- /dev/null +++ b/.history/css/main_20210127122809.css @@ -0,0 +1,1587 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + height: 80px; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127122853.css b/.history/css/main_20210127122853.css new file mode 100644 index 0000000..35d7438 --- /dev/null +++ b/.history/css/main_20210127122853.css @@ -0,0 +1,1587 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + /* height: 80px; */ + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127122919.css b/.history/css/main_20210127122919.css new file mode 100644 index 0000000..94a45f3 --- /dev/null +++ b/.history/css/main_20210127122919.css @@ -0,0 +1,1586 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127130654.css b/.history/css/main_20210127130654.css new file mode 100644 index 0000000..843aa9d --- /dev/null +++ b/.history/css/main_20210127130654.css @@ -0,0 +1,1587 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127130702.css b/.history/css/main_20210127130702.css new file mode 100644 index 0000000..e4f4fab --- /dev/null +++ b/.history/css/main_20210127130702.css @@ -0,0 +1,1588 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127130710.css b/.history/css/main_20210127130710.css new file mode 100644 index 0000000..8502b60 --- /dev/null +++ b/.history/css/main_20210127130710.css @@ -0,0 +1,1589 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127130733.css b/.history/css/main_20210127130733.css new file mode 100644 index 0000000..b8345cc --- /dev/null +++ b/.history/css/main_20210127130733.css @@ -0,0 +1,1585 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127130739.css b/.history/css/main_20210127130739.css new file mode 100644 index 0000000..8502b60 --- /dev/null +++ b/.history/css/main_20210127130739.css @@ -0,0 +1,1589 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131427.css b/.history/css/main_20210127131427.css new file mode 100644 index 0000000..804b2d5 --- /dev/null +++ b/.history/css/main_20210127131427.css @@ -0,0 +1,1593 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131439.css b/.history/css/main_20210127131439.css new file mode 100644 index 0000000..804b2d5 --- /dev/null +++ b/.history/css/main_20210127131439.css @@ -0,0 +1,1593 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131638.css b/.history/css/main_20210127131638.css new file mode 100644 index 0000000..3eea30e --- /dev/null +++ b/.history/css/main_20210127131638.css @@ -0,0 +1,1593 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + max-width: 50%; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131651.css b/.history/css/main_20210127131651.css new file mode 100644 index 0000000..5ca68e1 --- /dev/null +++ b/.history/css/main_20210127131651.css @@ -0,0 +1,1592 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131704.css b/.history/css/main_20210127131704.css new file mode 100644 index 0000000..7194f19 --- /dev/null +++ b/.history/css/main_20210127131704.css @@ -0,0 +1,1592 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131710.css b/.history/css/main_20210127131710.css new file mode 100644 index 0000000..5ca68e1 --- /dev/null +++ b/.history/css/main_20210127131710.css @@ -0,0 +1,1592 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131733.css b/.history/css/main_20210127131733.css new file mode 100644 index 0000000..d4f5779 --- /dev/null +++ b/.history/css/main_20210127131733.css @@ -0,0 +1,1593 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131738.css b/.history/css/main_20210127131738.css new file mode 100644 index 0000000..128fb3e --- /dev/null +++ b/.history/css/main_20210127131738.css @@ -0,0 +1,1593 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131830.css b/.history/css/main_20210127131830.css new file mode 100644 index 0000000..6ffdf81 --- /dev/null +++ b/.history/css/main_20210127131830.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127131838.css b/.history/css/main_20210127131838.css new file mode 100644 index 0000000..5a9ff7b --- /dev/null +++ b/.history/css/main_20210127131838.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132242.css b/.history/css/main_20210127132242.css new file mode 100644 index 0000000..368d8a2 --- /dev/null +++ b/.history/css/main_20210127132242.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + /* width: 100%; */ + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132254.css b/.history/css/main_20210127132254.css new file mode 100644 index 0000000..af30784 --- /dev/null +++ b/.history/css/main_20210127132254.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 90%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132302.css b/.history/css/main_20210127132302.css new file mode 100644 index 0000000..5a9ff7b --- /dev/null +++ b/.history/css/main_20210127132302.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132313.css b/.history/css/main_20210127132313.css new file mode 100644 index 0000000..9f92196 --- /dev/null +++ b/.history/css/main_20210127132313.css @@ -0,0 +1,1609 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + justify-content: space-between; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132319.css b/.history/css/main_20210127132319.css new file mode 100644 index 0000000..3b7d30f --- /dev/null +++ b/.history/css/main_20210127132319.css @@ -0,0 +1,1609 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + justify-content: space-evenly; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132325.css b/.history/css/main_20210127132325.css new file mode 100644 index 0000000..f62ddb0 --- /dev/null +++ b/.history/css/main_20210127132325.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + justify-content: space-evenly; + align-items: center; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132335.css b/.history/css/main_20210127132335.css new file mode 100644 index 0000000..5a9ff7b --- /dev/null +++ b/.history/css/main_20210127132335.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { + text-align: center; +} + +.faqs > h1 { + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132740.css b/.history/css/main_20210127132740.css new file mode 100644 index 0000000..626a0b1 --- /dev/null +++ b/.history/css/main_20210127132740.css @@ -0,0 +1,1608 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs { +} + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132745.css b/.history/css/main_20210127132745.css new file mode 100644 index 0000000..f014b8a --- /dev/null +++ b/.history/css/main_20210127132745.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132753.css b/.history/css/main_20210127132753.css new file mode 100644 index 0000000..8e73ff2 --- /dev/null +++ b/.history/css/main_20210127132753.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + /* display: flex; */ + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127132918.css b/.history/css/main_20210127132918.css new file mode 100644 index 0000000..f014b8a --- /dev/null +++ b/.history/css/main_20210127132918.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133342.css b/.history/css/main_20210127133342.css new file mode 100644 index 0000000..f014b8a --- /dev/null +++ b/.history/css/main_20210127133342.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133423.css b/.history/css/main_20210127133423.css new file mode 100644 index 0000000..d4bbbe7 --- /dev/null +++ b/.history/css/main_20210127133423.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100%; + /* margin: auto; */ + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133434.css b/.history/css/main_20210127133434.css new file mode 100644 index 0000000..09c6595 --- /dev/null +++ b/.history/css/main_20210127133434.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133439.css b/.history/css/main_20210127133439.css new file mode 100644 index 0000000..ce9dd30 --- /dev/null +++ b/.history/css/main_20210127133439.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 100px; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133445.css b/.history/css/main_20210127133445.css new file mode 100644 index 0000000..01451b1 --- /dev/null +++ b/.history/css/main_20210127133445.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 120rem; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133451.css b/.history/css/main_20210127133451.css new file mode 100644 index 0000000..7e91451 --- /dev/null +++ b/.history/css/main_20210127133451.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 20rem; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133456.css b/.history/css/main_20210127133456.css new file mode 100644 index 0000000..10b8d9f --- /dev/null +++ b/.history/css/main_20210127133456.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 50rem; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133500.css b/.history/css/main_20210127133500.css new file mode 100644 index 0000000..e563742 --- /dev/null +++ b/.history/css/main_20210127133500.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 40rem; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133509.css b/.history/css/main_20210127133509.css new file mode 100644 index 0000000..a8e84af --- /dev/null +++ b/.history/css/main_20210127133509.css @@ -0,0 +1,1604 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133520.css b/.history/css/main_20210127133520.css new file mode 100644 index 0000000..b0a33e8 --- /dev/null +++ b/.history/css/main_20210127133520.css @@ -0,0 +1,1605 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133547.css b/.history/css/main_20210127133547.css new file mode 100644 index 0000000..d0c7556 --- /dev/null +++ b/.history/css/main_20210127133547.css @@ -0,0 +1,1609 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133558.css b/.history/css/main_20210127133558.css new file mode 100644 index 0000000..06960ca --- /dev/null +++ b/.history/css/main_20210127133558.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133603.css b/.history/css/main_20210127133603.css new file mode 100644 index 0000000..1d8ae58 --- /dev/null +++ b/.history/css/main_20210127133603.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 30px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133620.css b/.history/css/main_20210127133620.css new file mode 100644 index 0000000..e71a50f --- /dev/null +++ b/.history/css/main_20210127133620.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133623.css b/.history/css/main_20210127133623.css new file mode 100644 index 0000000..8e3e075 --- /dev/null +++ b/.history/css/main_20210127133623.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 10px; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133631.css b/.history/css/main_20210127133631.css new file mode 100644 index 0000000..d0c7556 --- /dev/null +++ b/.history/css/main_20210127133631.css @@ -0,0 +1,1609 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133804.css b/.history/css/main_20210127133804.css new file mode 100644 index 0000000..8f47df0 --- /dev/null +++ b/.history/css/main_20210127133804.css @@ -0,0 +1,1610 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127133811.css b/.history/css/main_20210127133811.css new file mode 100644 index 0000000..0ea70ab --- /dev/null +++ b/.history/css/main_20210127133811.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134051.css b/.history/css/main_20210127134051.css new file mode 100644 index 0000000..70cc5e0 --- /dev/null +++ b/.history/css/main_20210127134051.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + /* margin-bottom: 10px; */ +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + /* margin-bottom: 10px; */ +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134059.css b/.history/css/main_20210127134059.css new file mode 100644 index 0000000..0ea70ab --- /dev/null +++ b/.history/css/main_20210127134059.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134546.css b/.history/css/main_20210127134546.css new file mode 100644 index 0000000..26a2216 --- /dev/null +++ b/.history/css/main_20210127134546.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134604.css b/.history/css/main_20210127134604.css new file mode 100644 index 0000000..ed8c04a --- /dev/null +++ b/.history/css/main_20210127134604.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0 10 10 10; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134620.css b/.history/css/main_20210127134620.css new file mode 100644 index 0000000..c54220a --- /dev/null +++ b/.history/css/main_20210127134620.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0 10px 10px 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134628.css b/.history/css/main_20210127134628.css new file mode 100644 index 0000000..39f71ab --- /dev/null +++ b/.history/css/main_20210127134628.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 10 10px 10px 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134636.css b/.history/css/main_20210127134636.css new file mode 100644 index 0000000..82d07c3 --- /dev/null +++ b/.history/css/main_20210127134636.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 10px 10px 10px 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134641.css b/.history/css/main_20210127134641.css new file mode 100644 index 0000000..4a08da9 --- /dev/null +++ b/.history/css/main_20210127134641.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0 10px 10px 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134658.css b/.history/css/main_20210127134658.css new file mode 100644 index 0000000..0ea70ab --- /dev/null +++ b/.history/css/main_20210127134658.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134714.css b/.history/css/main_20210127134714.css new file mode 100644 index 0000000..1ae1353 --- /dev/null +++ b/.history/css/main_20210127134714.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 0; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134732.css b/.history/css/main_20210127134732.css new file mode 100644 index 0000000..49c34c4 --- /dev/null +++ b/.history/css/main_20210127134732.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134740.css b/.history/css/main_20210127134740.css new file mode 100644 index 0000000..9f11948 --- /dev/null +++ b/.history/css/main_20210127134740.css @@ -0,0 +1,1611 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding: 10px 10px 10px 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134754.css b/.history/css/main_20210127134754.css new file mode 100644 index 0000000..3b3f326 --- /dev/null +++ b/.history/css/main_20210127134754.css @@ -0,0 +1,1614 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134800.css b/.history/css/main_20210127134800.css new file mode 100644 index 0000000..388d51c --- /dev/null +++ b/.history/css/main_20210127134800.css @@ -0,0 +1,1614 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134821.css b/.history/css/main_20210127134821.css new file mode 100644 index 0000000..8d2e4e4 --- /dev/null +++ b/.history/css/main_20210127134821.css @@ -0,0 +1,1617 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134848.css b/.history/css/main_20210127134848.css new file mode 100644 index 0000000..347d2dd --- /dev/null +++ b/.history/css/main_20210127134848.css @@ -0,0 +1,1617 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134912.css b/.history/css/main_20210127134912.css new file mode 100644 index 0000000..376870c --- /dev/null +++ b/.history/css/main_20210127134912.css @@ -0,0 +1,1617 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding-top: 10px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127134925.css b/.history/css/main_20210127134925.css new file mode 100644 index 0000000..4dee555 --- /dev/null +++ b/.history/css/main_20210127134925.css @@ -0,0 +1,1614 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127140430.css b/.history/css/main_20210127140430.css new file mode 100644 index 0000000..a942ef8 --- /dev/null +++ b/.history/css/main_20210127140430.css @@ -0,0 +1,1615 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; + justify-content: space-between; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs_active { +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127140930.css b/.history/css/main_20210127140930.css new file mode 100644 index 0000000..65530c3 --- /dev/null +++ b/.history/css/main_20210127140930.css @@ -0,0 +1,1621 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; + justify-content: space-between; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +@media (max-width: 728px) { + .faqs__main { + display: flex; + text-align: left; + padding: 50px; + justify-content: space-between; + } +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/css/main_20210127140935.css b/.history/css/main_20210127140935.css new file mode 100644 index 0000000..1c1026a --- /dev/null +++ b/.history/css/main_20210127140935.css @@ -0,0 +1,1621 @@ +/* +* DESTINY - WEDDING HTML TEMPLATE +* Copyright 2016 +* www.mutationmedia.net +* Created by : mutationthemes +* +*/ +/* Table of Content +================================================== + 1.Preloader + 2.Site wrapper + 3.Hero section + 4.About section + 5.Speakers section + 6.Topics section + 7.Schedule section + 8.Countdown section + 9.Tickets section + 10.Registry section + 11.Sponsors section + 12.Contact section + 13.Accommodation section + 14.FAQ section + 15.Gallery section + 16.Fat footer section + 17.Mediaqueries + + + + + +/*Preloader*/ + +.loader { + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; +} +.loader-inner { + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +.loading-spinner { + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; +} +.spinner { + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes spinner-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} +@keyframes spinner-color { + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } +} +@keyframes spinner-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } +} +/*End preloader*/ + +/*Site wrapper*/ + +.wrapper { + position: relative; + background: #000000; +} +.wrapper, +.header { + margin: 0 auto; + max-width: 1600px; +} +/*End site wrapper*/ + +/* Hero Section*/ + +section.hero { + background: #353031; + padding: 0; + position: relative; + overflow: hidden; +} +section.single-hero { + min-height: 400px; +} +.background-img img { + display: none; +} +.background-img { + width: 100%; + height: 100%; +} +.background-img { + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; +} +.overlay:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; +} +.overlay.soft:before { + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} +section.hero .inner-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; +} +.header { + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; +} +.main-slider .slides li { + height: 900px; +} +.header .logo { + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; +} +.header .logo h2 { + padding: 5px 0; + text-transform: none; +} +.mobile-but { + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; +} +.mobile-but .lines { + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); +} +.mobile-but .lines, +.mobile-but .lines:after, +.mobile-but .lines:before { + height: 1px; + width: 22px; +} +.mobile-but .lines:after, +.mobile-but .lines:before { + content: " "; + display: block; +} +.mobile-but .lines:after { + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); +} +.mobile-but .lines:before { + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); +} +.mobile-but .lines:after, +.mobile-but .lines:before { + background: #ffffff; +} +.toggle-mobile-but.active .mobile-but .lines:after { + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); +} +.toggle-mobile-but.active .mobile-but .lines:before { + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); +} +.main-nav li { + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; +} +.main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; +} +.hero-content { + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} +h1.large { + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; +} +.hero-content h3 { + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; +} +.hero-content p { + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; +} +/* End hero section*/ + +/* About section*/ + +.block-info-1 { + position: relative; +} +.block-info-1 svg { + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; +} +.block-info-1 p { + margin-left: 60px; +} +/* End about section*/ + +/* Speakers section*/ + +.block-img { + height: 350px; + position: relative; +} +.block-speaker .block-img:after { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; +} +.block-content .col-sm-3:last-child .block-img:after { + content: none; +} +.block-speaker .block-img .background-img { + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); +} +.block-speaker .block-img:hover .background-img { + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); +} +.block-info-2 { + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; +} +.block-social li { + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; +} +.block-social a { + color: #ffffff; + opacity: 0.3; + display: inline-block; +} +.block-social a:hover { + opacity: 1; +} +.block-content .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +} +/* End speakers section*/ + +/* Topics section*/ + +.block-video iframe { + height: 300px; +} +ul.block-topic li { + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; +} +.vertical-align { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; +} +/* End topics section*/ + +/* Schedule section*/ + +.block-tabs, +.block-tab { + border: 1px solid #444444; +} +.block-tabs li { + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; +} +.block-tabs li strong, +.block-date strong { + font-size: 17px; +} +.block-tabs li i, +.block-tab li i { + font-size: 20px; + vertical-align: middle; + margin-right: 25px; +} +.block-tabs li:last-child { + border-bottom: 0; +} +.block-tabs li.active { + background: #444444; + border-bottom: 0; +} +.block-tabs li:first-child.active { + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tabs li:last-child.active { + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +.block-tabs li.active:before { + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; +} +.block-tab li { + display: none; +} +.block-tab li.active { + display: block; +} +.block-tab li .block-date { + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; +} +.block-tab .block-detail { + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; +} +.block-tab .block-detail:hover { + background: #121212; +} +.block-tab .block-detail span { + display: block; + font-size: 15px; +} +.block-tab .block-detail .time { + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; +} +.block-tab .block-detail .speaker { + margin-top: 20px; + font-size: 14px; + color: #ffffff; +} +.block-tab .block-detail .speaker strong { + font-weight: 500; +} +.block-tab .block-detail .block-text { + opacity: 0; + max-height: 0; +} +.block-tab .block-detail:hover .block-text { + padding-top: 20px; + max-height: 300px; + opacity: 1; +} +.block-tab li .block-detail:last-child { + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; +} +/* End Schedule section*/ + +/* Countdown section*/ + +.countdown { + font-size: 45px; + font-weight: 300; +} +/* End Countdown section*/ + +/* Tickets section*/ + +.review-slider li blockquote { + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; +} +.tickets .col-sm-6 { + padding-left: 0; + padding-right: 0; +} +.block-ticket { + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; +} +.block-ticket-small { + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; +} +.block-tickets.overlap { + position: relative; + left: 150px; +} +.block-ticket li { + display: block; + margin-bottom: 10px; + color: #999999; +} + +.block-ticket:hover, +.block-ticket.active { + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; +} +.block-ticket .block-price .price { + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; +} +.block-ticket .block-price .cur { + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; +} +.block-ticket .block-price .block-type { + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; +} +/* End tickets section*/ + +/* Registry section*/ + +.registry-form { + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; +} +.registry-form div { + padding: 0; +} +.form p { + font-size: 12px; + margin-top: 15px; +} +.input-columns .column-1, +.input-columns .column-2 { + float: left; + width: 50%; + position: relative; +} +.input-columns .column-1 .column-inner { + margin-right: 10px; +} +.input-columns .column-2 .column-inner { + margin-left: 10px; +} +input[type="text"], +.registry-form .block-select { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; +} +.registry-form select { + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; +} +input[type="text"]:focus, +input[type="text"]:hover, +.registry-form .block-select:focus, +.registry-form .block-select:hover { + background: rgba(255, 255, 255, 0.09); +} +.registry-form .submit { + width: 95%; +} +.form .submit { + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; +} +input.error, +select.error { + border: 1px solid rgba(238, 113, 249, 0.5); +} +/* End registry section*/ + +/* Sponsors section*/ + +.vertical-center { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.block-sponsor { + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} +.block-sponsor img { + opacity: 0.18; + width: 85%; +} +.block-sponsor span { + opacity: 0.18; +} + +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); +} + +/* End sponsors section*/ +.block-club img { + height: 85%; + opacity: 1; + + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; +} +/* Contact section*/ + +.block-map { + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.map { + width: 100%; + height: 100%; +} +.location h1.title { + color: #cccccc; +} +.block-info-3 p, +.location p.title-lead { + color: #999999; +} +/* End contact section*/ + +/* Accommodation section*/ + +.accom .block-img { + height: 250px; +} +/* End accommodation section*/ + +/* FAQ section*/ + +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; + justify-content: space-between; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +@media (max-width: 728px) { + .faqs__main { + display: block; + text-align: left; + padding: 50px; + justify-content: space-between; + } +} + +/* End faq section*/ + +/* Gallery section*/ + +.block-gallery li { + opacity: 0.45; + position: relative; + padding: 0 3px; +} +.block-gallery li:last-child { + margin-right: 0; +} +.block-gallery li .block-img { + height: 180px; +} +.block-gallery li:hover, +.block-gallery li.active { + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* End gallery section*/ + +/* Fat footer section */ + +.subscribe-form input[type="text"] { + margin-bottom: 0; + min-width: 100%; + max-width: 100%; +} +.subscribe-form .submit { + min-width: 100%; + max-width: 100%; +} +.top-footer { + color: #999999; +} +.top-footer .block-social li { + margin-right: 10px; +} +.top-footer .block-social li a { + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; +} +.top-footer .block-social li:first-child a { + background: #175f9f; +} +.top-footer .block-social li:nth-child(2) a { + background: #00c6f8; +} +.top-footer .block-social li:nth-child(3) a { + background: #df0006; +} +.top-footer .block-social li:nth-child(4) a { + background: #ee322a; +} +.top-footer .block-social li:last-child a { + background: #3c59ef; +} +.insta-Feed li, +.insta-Feed li a { + padding: 0; + position: relative; + display: block; +} +.insta-Feed li:after, +.insta-Feed li a:after { + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; +} +.insta-Feed li:before, +.insta-Feed li a:before { + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; +} +.insta-Feed li:first-child, +.insta-Feed li:first-child a { + padding-left: 0; +} +.insta-Feed li:nth-child(3):after, +.insta-Feed li:nth-child(3) a:after, +.insta-Feed li:nth-child(6):after, +.insta-Feed li:nth-child(6) a:after { + content: none; +} +.insta-Feed li:nth-child(4):before, +.insta-Feed li:nth-child(4) a:before, +.insta-Feed li:nth-child(5):before, +.insta-Feed li:nth-child(5) a:before, +.insta-Feed li:nth-child(6):before, +.insta-Feed li:nth-child(6) a:before { + content: none; +} +.insta-Feed li img { + display: inline-block; + width: 100%; +} +.insta-Feed li a:hover, +.top-footer .block-social li a:hover { + opacity: 0.5; +} +.bottom-footer { + font-size: 12px; +} +.block-legal { + text-align: right; +} +.block-legal li { + display: inline-block; +} +.block-legal li a { + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; +} +.block-legal li a:before { + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; +} +.block-legal li:last-child a { + border-right: none; + margin-right: 0; + padding-right: 0; +} +.block-legal li:last-child a:before { + content: none; +} +/* End fat footer section*/ + +/*Media queries*/ + +@media screen and (min-width: 600px) and (max-width: 800px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } +} +@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 960px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } +} +@media only screen and (min-width: 480px) and (max-width: 767px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +@media only screen and (max-width: 479px) { + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } +} +/*End media queries*/ +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } +} diff --git a/.history/index_20210120004434.html b/.history/index_20210120004434.html new file mode 100644 index 0000000..4140051 --- /dev/null +++ b/.history/index_20210120004434.html @@ -0,0 +1,866 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + November 9 and 10 +

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

+ LOCATION + College Of Engineering + Kidangoor, Kerala +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 30,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+ + + + + +
+ +
+ +
+
+

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210120004842.html b/.history/index_20210120004842.html new file mode 100644 index 0000000..09d610e --- /dev/null +++ b/.history/index_20210120004842.html @@ -0,0 +1,865 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 30,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+ + + + + +
+ +
+ +
+
+

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210120004959.html b/.history/index_20210120004959.html new file mode 100644 index 0000000..bba65de --- /dev/null +++ b/.history/index_20210120004959.html @@ -0,0 +1,865 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 30,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+ + + + + +
+ +
+ +
+
+

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210120005224.html b/.history/index_20210120005224.html new file mode 100644 index 0000000..550026f --- /dev/null +++ b/.history/index_20210120005224.html @@ -0,0 +1,865 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+ + + + + +
+ +
+ +
+
+

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115514.html b/.history/index_20210127115514.html new file mode 100644 index 0000000..4be56f5 --- /dev/null +++ b/.history/index_20210127115514.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115521.html b/.history/index_20210127115521.html new file mode 100644 index 0000000..a565e87 --- /dev/null +++ b/.history/index_20210127115521.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115527.html b/.history/index_20210127115527.html new file mode 100644 index 0000000..ad817ee --- /dev/null +++ b/.history/index_20210127115527.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115708.html b/.history/index_20210127115708.html new file mode 100644 index 0000000..1310bad --- /dev/null +++ b/.history/index_20210127115708.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115715.html b/.history/index_20210127115715.html new file mode 100644 index 0000000..ac8d896 --- /dev/null +++ b/.history/index_20210127115715.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127115725.html b/.history/index_20210127115725.html new file mode 100644 index 0000000..6c8b6a4 --- /dev/null +++ b/.history/index_20210127115725.html @@ -0,0 +1,870 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120108.html b/.history/index_20210127120108.html new file mode 100644 index 0000000..daa90ae --- /dev/null +++ b/.history/index_20210127120108.html @@ -0,0 +1,883 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120147.html b/.history/index_20210127120147.html new file mode 100644 index 0000000..08226b8 --- /dev/null +++ b/.history/index_20210127120147.html @@ -0,0 +1,888 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120149.html b/.history/index_20210127120149.html new file mode 100644 index 0000000..08226b8 --- /dev/null +++ b/.history/index_20210127120149.html @@ -0,0 +1,888 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120236.html b/.history/index_20210127120236.html new file mode 100644 index 0000000..90c4f85 --- /dev/null +++ b/.history/index_20210127120236.html @@ -0,0 +1,894 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120319.html b/.history/index_20210127120319.html new file mode 100644 index 0000000..6b4c21b --- /dev/null +++ b/.history/index_20210127120319.html @@ -0,0 +1,900 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120350.html b/.history/index_20210127120350.html new file mode 100644 index 0000000..7314525 --- /dev/null +++ b/.history/index_20210127120350.html @@ -0,0 +1,905 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120421.html b/.history/index_20210127120421.html new file mode 100644 index 0000000..0f4804b --- /dev/null +++ b/.history/index_20210127120421.html @@ -0,0 +1,909 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120521.html b/.history/index_20210127120521.html new file mode 100644 index 0000000..2463449 --- /dev/null +++ b/.history/index_20210127120521.html @@ -0,0 +1,914 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120604.html b/.history/index_20210127120604.html new file mode 100644 index 0000000..42bd876 --- /dev/null +++ b/.history/index_20210127120604.html @@ -0,0 +1,922 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120652.html b/.history/index_20210127120652.html new file mode 100644 index 0000000..7c7caaf --- /dev/null +++ b/.history/index_20210127120652.html @@ -0,0 +1,929 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120756.html b/.history/index_20210127120756.html new file mode 100644 index 0000000..d8a0e1d --- /dev/null +++ b/.history/index_20210127120756.html @@ -0,0 +1,941 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120829.html b/.history/index_20210127120829.html new file mode 100644 index 0000000..bc7b868 --- /dev/null +++ b/.history/index_20210127120829.html @@ -0,0 +1,947 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127120855.html b/.history/index_20210127120855.html new file mode 100644 index 0000000..4cf640b --- /dev/null +++ b/.history/index_20210127120855.html @@ -0,0 +1,951 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121002.html b/.history/index_20210127121002.html new file mode 100644 index 0000000..382e296 --- /dev/null +++ b/.history/index_20210127121002.html @@ -0,0 +1,963 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP. +

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121003.html b/.history/index_20210127121003.html new file mode 100644 index 0000000..382e296 --- /dev/null +++ b/.history/index_20210127121003.html @@ -0,0 +1,963 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP. +

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121004.html b/.history/index_20210127121004.html new file mode 100644 index 0000000..6b65201 --- /dev/null +++ b/.history/index_20210127121004.html @@ -0,0 +1,962 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121007.html b/.history/index_20210127121007.html new file mode 100644 index 0000000..a9ca33b --- /dev/null +++ b/.history/index_20210127121007.html @@ -0,0 +1,962 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121008.html b/.history/index_20210127121008.html new file mode 100644 index 0000000..a9ca33b --- /dev/null +++ b/.history/index_20210127121008.html @@ -0,0 +1,962 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127121122.html b/.history/index_20210127121122.html new file mode 100644 index 0000000..22f81ac --- /dev/null +++ b/.history/index_20210127121122.html @@ -0,0 +1,966 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+

Does it have any registration fees?

+

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+

When is this application deadline?

+

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+

How do I register for this event?

+

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+

What if I don't know how to code?

+

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+

Is building up past projects allowed?

+

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+

What are the prizes?

+

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+

Who is eligible to participate?

+

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+

I just graduated, can I still come to an event?

+

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+

What is a hackathon?

+

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+

What is MLH?

+

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+

Do I need to be in a team?

+

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+

What if we don't have an idea?

+

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+

How long can I code?

+

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+

Who are the judges?

+

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+

Why is there an application?

+

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+

Error 404! Question not found?

+

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127122719.html b/.history/index_20210127122719.html new file mode 100644 index 0000000..995fe61 --- /dev/null +++ b/.history/index_20210127122719.html @@ -0,0 +1,966 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123019.html b/.history/index_20210127123019.html new file mode 100644 index 0000000..b142b2a --- /dev/null +++ b/.history/index_20210127123019.html @@ -0,0 +1,966 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123048.html b/.history/index_20210127123048.html new file mode 100644 index 0000000..543882d --- /dev/null +++ b/.history/index_20210127123048.html @@ -0,0 +1,966 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123107.html b/.history/index_20210127123107.html new file mode 100644 index 0000000..016e1fe --- /dev/null +++ b/.history/index_20210127123107.html @@ -0,0 +1,968 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123110.html b/.history/index_20210127123110.html new file mode 100644 index 0000000..6093381 --- /dev/null +++ b/.history/index_20210127123110.html @@ -0,0 +1,968 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123141.html b/.history/index_20210127123141.html new file mode 100644 index 0000000..5ebf9ec --- /dev/null +++ b/.history/index_20210127123141.html @@ -0,0 +1,970 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127123242.html b/.history/index_20210127123242.html new file mode 100644 index 0000000..11ac591 --- /dev/null +++ b/.history/index_20210127123242.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127130432.html b/.history/index_20210127130432.html new file mode 100644 index 0000000..5255788 --- /dev/null +++ b/.history/index_20210127130432.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ When is this application deadline? +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127130511.html b/.history/index_20210127130511.html new file mode 100644 index 0000000..d96141d --- /dev/null +++ b/.history/index_20210127130511.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ I just graduated, can I still come to an event? +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127130521.html b/.history/index_20210127130521.html new file mode 100644 index 0000000..f2c6b3a --- /dev/null +++ b/.history/index_20210127130521.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127131552.html b/.history/index_20210127131552.html new file mode 100644 index 0000000..f2c6b3a --- /dev/null +++ b/.history/index_20210127131552.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127131614.html b/.history/index_20210127131614.html new file mode 100644 index 0000000..d40e6f4 --- /dev/null +++ b/.history/index_20210127131614.html @@ -0,0 +1,971 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127141125.html b/.history/index_20210127141125.html new file mode 100644 index 0000000..70e3814 --- /dev/null +++ b/.history/index_20210127141125.html @@ -0,0 +1,972 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/index_20210127141139.html b/.history/index_20210127141139.html new file mode 100644 index 0000000..0637d73 --- /dev/null +++ b/.history/index_20210127141139.html @@ -0,0 +1,972 @@ + + + + + + + + Meenachil / Meen Hacks V1 + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + +
+ +
+ +
+
    +
  • +
    + +
    +
    • +
+
+ + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ logo +

MORE THAN A HACKATHON

+

Registrations are Open

+ Register Now +
+
+ +
+ + + +
+ + +
+ +
+ +
+
+ + + +

About Meenachil / Meen Hacks V1

+ +

Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful + experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We + wholeheartedly invite all the technophiles to this exciting Hackathon…

+

All activities are enforced with our
+

Code of Conduct
+

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

+ DATE + February 14-28 +

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

+ LOCATION + Online +

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

+ Problem Statements + Real World +

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

ABOUT

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

ABOUT THE ORGANIZING COMMITTE

+ +

College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the + Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities + The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and + Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase + their Job Prospects and Future.

+

A WORD ON DIVERSITY

+

Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, + there are special prizes and swags for Women Participants

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

Mentors

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ GitHub Campus Experts! + +

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+

+ The TinkerHub Foundation + Community +

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

JUDGES

+

We are bringing you the perfect combination of content and experience to ignite your
heart equip your mind and spark your skill.

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

+ Prof. Ojus Thomas Lee + Head of Dept. CSE + College of Engineering Kidangoor +

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

+ To be Declared + TBD +

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

+ To be Declared + TBD +

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

Workshops

+

Whats a Hackathon without a Workshop or Two?
Learn Something New...

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

Make Faster Websites w/o Gatsby and GraphQL +

By Akshay U

+

+
    +
    • +
+
+
+
+
+
+
+
+
+ +
+
+

+ Getting started with Microsoft Azure +

By Abhijith Kannan

+

+
    +
    • +
    • +
    • +
+
+
+
+
+
+
+ + +
+ + + + + +
+ +
+ +
+
    + +
  • +
    SCHEDULE OUTLINE 9 to 10 AUGUST 2019
    +
    + Nov 9th + DAY 1 +
    +

    1:00 PM - REGISTRATION

    +

    2:00 PM - OPENING CEREMONY

    +

    3:00 PM - HACKING BEGINS.....!!!!!

    +

    4:30 PM - TEA and SNACKS

    +

    7:00 PM - GAMES AND ACTIVITIES

    +

    8:30 PM - DINNER

    +

    12:15 AM - WORKSHOP

    +

    2:00 AM - BREAK(IF AWAKE)

    +
    +
    +
    + November 10th DAY 2 +
    +

    8:00 AM - BREAKFAST

    +

    9:00 AM - SWAGS AND PHOTOS

    +

    11:00 AM - WORKSHOP

    +

    12:30 PM - LUNCH

    +

    2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

    +
    +
    +
    • +
+
+
+ +
+ + + + + + +
+ +
+ +
+
+

Event Prizes

+

We have a Total Prize Pool of 50,000 Rupees.
Come join the world’s influencers and get answers.

+
+
+ +
+ + +
+ +
+
+

Important
+

+
+
    +
  • +
    Teams can be of 3-5 Members
    +
    • +
  • +
    You Have to Register Online and Pay Online a Fee of 400Rs.
    +
    • +
  • +
    Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
    +
    • +
  • +
    We'll Provide a Tshirt, Food and Swags
    +
    • +
+ Register Now +
+
+
+
+
    +
  • +
      +
    • Rs10,000
      • +
    • FIRST PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Rs5,000
      • +
    • SECOND PRIZE
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromBalsamiq
      • +
    •       3 Monthsof Balsamiq Cloud
      • + +
    +
    • +
+
+
+
    +
  • +
      +
    • Gifts fromCoding Blocks
      • +
    • Surprise Gifts
      • + +
    +
    • +
+
+
+
+ +
+ +
+ + +
+ +
+ +
+
+

Our Sponsors

+

For further info about sponsoring feel free to get in touch with us

+ Download Our Sponsorship Brochure Here +
+
+ +
+ + +
+ +
+
+
+ + Title Sponsor +
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+ + Coding Partner +
+
+ +
+
+ +
+ +
+
+
+
+
+ stickermule + Sticker Partner +
+
+ Sketch +
+
+ Yepdesk + Platform Sponsor +
+
+
+    Workshop Partner +
+
+
+
+
+
+ +
+
+ +
+
+ MSG91 + Messaging partner +
+
+ +
+
+
+
+ +
+ +
+

Frequently asked Questions

+
+
+
+ +

It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

+
+
+ +

The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

+
+
+ +

It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

+
+
+ +

Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

+
+
+ +

But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

+
+
+ +

We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

+
+
+ +

Any high school student, undergraduate student, or graduate student age 16+ can participate!

+
+
+ +

Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

+
+
+
+
+ +

A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

+
+
+ +

Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

+
+
+ +

Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

+
+
+ +

This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

+
+
+ +

KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

+
+
+ +

The best ones in the field. The panel of judges includes experienced professionals from the field of technology

+
+
+ +

The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

+
+
+ +

Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

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

Our Clubs

+

The BackBone of the Whole Event

+
+
+ +
+ + +
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.history/js/faqs_20210127123207.js b/.history/js/faqs_20210127123207.js new file mode 100644 index 0000000..e69de29 diff --git a/.history/js/faqs_20210127123214.js b/.history/js/faqs_20210127123214.js new file mode 100644 index 0000000..808f9c5 --- /dev/null +++ b/.history/js/faqs_20210127123214.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + this.classList.toggle("active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127123306.js b/.history/js/faqs_20210127123306.js new file mode 100644 index 0000000..a33fe1a --- /dev/null +++ b/.history/js/faqs_20210127123306.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); +console.log(coll); +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + this.classList.toggle("active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127123329.js b/.history/js/faqs_20210127123329.js new file mode 100644 index 0000000..808f9c5 --- /dev/null +++ b/.history/js/faqs_20210127123329.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + this.classList.toggle("active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127131437.js b/.history/js/faqs_20210127131437.js new file mode 100644 index 0000000..1ecbfe9 --- /dev/null +++ b/.history/js/faqs_20210127131437.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127131448.js b/.history/js/faqs_20210127131448.js new file mode 100644 index 0000000..f948d47 --- /dev/null +++ b/.history/js/faqs_20210127131448.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127131914.js b/.history/js/faqs_20210127131914.js new file mode 100644 index 0000000..f948d47 --- /dev/null +++ b/.history/js/faqs_20210127131914.js @@ -0,0 +1,19 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127131922.js b/.history/js/faqs_20210127131922.js new file mode 100644 index 0000000..f5d4506 --- /dev/null +++ b/.history/js/faqs_20210127131922.js @@ -0,0 +1,20 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + console.log(content); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127132042.js b/.history/js/faqs_20210127132042.js new file mode 100644 index 0000000..835ba34 --- /dev/null +++ b/.history/js/faqs_20210127132042.js @@ -0,0 +1,20 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127132131.js b/.history/js/faqs_20210127132131.js new file mode 100644 index 0000000..0e929bc --- /dev/null +++ b/.history/js/faqs_20210127132131.js @@ -0,0 +1,21 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127132158.js b/.history/js/faqs_20210127132158.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127132158.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127132707.js b/.history/js/faqs_20210127132707.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127132707.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127133909.js b/.history/js/faqs_20210127133909.js new file mode 100644 index 0000000..5c7a818 --- /dev/null +++ b/.history/js/faqs_20210127133909.js @@ -0,0 +1,24 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127133943.js b/.history/js/faqs_20210127133943.js new file mode 100644 index 0000000..760b207 --- /dev/null +++ b/.history/js/faqs_20210127133943.js @@ -0,0 +1,26 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134002.js b/.history/js/faqs_20210127134002.js new file mode 100644 index 0000000..6f04437 --- /dev/null +++ b/.history/js/faqs_20210127134002.js @@ -0,0 +1,28 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + if (content.style.maxHeight === null) { + coll[j].nextElementSibling.classList.remove( + "faqs__content__active" + ); + } + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134207.js b/.history/js/faqs_20210127134207.js new file mode 100644 index 0000000..d4f82c6 --- /dev/null +++ b/.history/js/faqs_20210127134207.js @@ -0,0 +1,29 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + if (content.style.maxHeight === null) { + coll[j].nextElementSibling.classList.remove( + "faqs__content__active" + ); + } + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134221.js b/.history/js/faqs_20210127134221.js new file mode 100644 index 0000000..ffdbfab --- /dev/null +++ b/.history/js/faqs_20210127134221.js @@ -0,0 +1,30 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + if (content.style.maxHeight === null) { + coll[j].nextElementSibling.classList.remove( + "faqs__content__active" + ); + } + content.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134309.js b/.history/js/faqs_20210127134309.js new file mode 100644 index 0000000..02d8d75 --- /dev/null +++ b/.history/js/faqs_20210127134309.js @@ -0,0 +1,30 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + if (content.style.maxHeight === null) { + content.classList.remove("faqs__content__active"); + } + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + if (content.style.maxHeight === null) { + coll[j].nextElementSibling.classList.remove( + "faqs__content__active" + ); + } + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134328.js b/.history/js/faqs_20210127134328.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127134328.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134417.js b/.history/js/faqs_20210127134417.js new file mode 100644 index 0000000..1c855a8 --- /dev/null +++ b/.history/js/faqs_20210127134417.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active");, 200) + + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134419.js b/.history/js/faqs_20210127134419.js new file mode 100644 index 0000000..fd7aa7f --- /dev/null +++ b/.history/js/faqs_20210127134419.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active"), 200); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134442.js b/.history/js/faqs_20210127134442.js new file mode 100644 index 0000000..bb3690f --- /dev/null +++ b/.history/js/faqs_20210127134442.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active"), 2000); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134448.js b/.history/js/faqs_20210127134448.js new file mode 100644 index 0000000..35df7d7 --- /dev/null +++ b/.history/js/faqs_20210127134448.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active"), 20000); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134455.js b/.history/js/faqs_20210127134455.js new file mode 100644 index 0000000..86e7457 --- /dev/null +++ b/.history/js/faqs_20210127134455.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active"), 20000ms); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134500.js b/.history/js/faqs_20210127134500.js new file mode 100644 index 0000000..3559f3c --- /dev/null +++ b/.history/js/faqs_20210127134500.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + // setTimeout(content.classList.remove("faqs__content__active")); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134503.js b/.history/js/faqs_20210127134503.js new file mode 100644 index 0000000..0517868 --- /dev/null +++ b/.history/js/faqs_20210127134503.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + // setTimeout(content.classList.remove("faqs__content__active")); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + // coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134514.js b/.history/js/faqs_20210127134514.js new file mode 100644 index 0000000..dd9c02a --- /dev/null +++ b/.history/js/faqs_20210127134514.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + setTimeout(content.classList.remove("faqs__content__active")); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134522.js b/.history/js/faqs_20210127134522.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127134522.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127134834.js b/.history/js/faqs_20210127134834.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127134834.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135144.js b/.history/js/faqs_20210127135144.js new file mode 100644 index 0000000..1466a14 --- /dev/null +++ b/.history/js/faqs_20210127135144.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(coll[j]); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135208.js b/.history/js/faqs_20210127135208.js new file mode 100644 index 0000000..752683f --- /dev/null +++ b/.history/js/faqs_20210127135208.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(coll[i]); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135226.js b/.history/js/faqs_20210127135226.js new file mode 100644 index 0000000..05b0a42 --- /dev/null +++ b/.history/js/faqs_20210127135226.js @@ -0,0 +1,22 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135342.js b/.history/js/faqs_20210127135342.js new file mode 100644 index 0000000..5ac2800 --- /dev/null +++ b/.history/js/faqs_20210127135342.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135519.js b/.history/js/faqs_20210127135519.js new file mode 100644 index 0000000..e886bc9 --- /dev/null +++ b/.history/js/faqs_20210127135519.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135540.js b/.history/js/faqs_20210127135540.js new file mode 100644 index 0000000..dea7634 --- /dev/null +++ b/.history/js/faqs_20210127135540.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes.i); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135557.js b/.history/js/faqs_20210127135557.js new file mode 100644 index 0000000..68bb0c8 --- /dev/null +++ b/.history/js/faqs_20210127135557.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes.classList.add("fa fas-minus")); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135613.js b/.history/js/faqs_20210127135613.js new file mode 100644 index 0000000..f8ad742 --- /dev/null +++ b/.history/js/faqs_20210127135613.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes.class); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135620.js b/.history/js/faqs_20210127135620.js new file mode 100644 index 0000000..e886bc9 --- /dev/null +++ b/.history/js/faqs_20210127135620.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135634.js b/.history/js/faqs_20210127135634.js new file mode 100644 index 0000000..071d1f3 --- /dev/null +++ b/.history/js/faqs_20210127135634.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes[i]); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135635.js b/.history/js/faqs_20210127135635.js new file mode 100644 index 0000000..497f73c --- /dev/null +++ b/.history/js/faqs_20210127135635.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes[1]); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135654.js b/.history/js/faqs_20210127135654.js new file mode 100644 index 0000000..fd4ec7c --- /dev/null +++ b/.history/js/faqs_20210127135654.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes[1].classList.add("fa fas-minus")); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135812.js b/.history/js/faqs_20210127135812.js new file mode 100644 index 0000000..8aac9cf --- /dev/null +++ b/.history/js/faqs_20210127135812.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + console.log(this.childNodes[1].className); + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135834.js b/.history/js/faqs_20210127135834.js new file mode 100644 index 0000000..cd53cde --- /dev/null +++ b/.history/js/faqs_20210127135834.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fa fas-minus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127135926.js b/.history/js/faqs_20210127135926.js new file mode 100644 index 0000000..a70ae8f --- /dev/null +++ b/.history/js/faqs_20210127135926.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fa fas-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140015.js b/.history/js/faqs_20210127140015.js new file mode 100644 index 0000000..ccccc2a --- /dev/null +++ b/.history/js/faqs_20210127140015.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fa fas-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140030.js b/.history/js/faqs_20210127140030.js new file mode 100644 index 0000000..9ec8146 --- /dev/null +++ b/.history/js/faqs_20210127140030.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].classList.add("fa fas-minus"); + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140043.js b/.history/js/faqs_20210127140043.js new file mode 100644 index 0000000..ccccc2a --- /dev/null +++ b/.history/js/faqs_20210127140043.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fa fas-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140059.js b/.history/js/faqs_20210127140059.js new file mode 100644 index 0000000..44380b8 --- /dev/null +++ b/.history/js/faqs_20210127140059.js @@ -0,0 +1,23 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140116.js b/.history/js/faqs_20210127140116.js new file mode 100644 index 0000000..e4ce9d1 --- /dev/null +++ b/.history/js/faqs_20210127140116.js @@ -0,0 +1,24 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fas fa-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140120.js b/.history/js/faqs_20210127140120.js new file mode 100644 index 0000000..9d211d9 --- /dev/null +++ b/.history/js/faqs_20210127140120.js @@ -0,0 +1,25 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fas fa-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + this.childNodes[1].className = "fas fa-plus"; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.history/js/faqs_20210127140146.js b/.history/js/faqs_20210127140146.js new file mode 100644 index 0000000..ee06d34 --- /dev/null +++ b/.history/js/faqs_20210127140146.js @@ -0,0 +1,25 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fas fa-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + coll[j].childNodes[1].className = "fas fa-plus"; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index d1f6bda..1c1026a 100644 --- a/css/main.css +++ b/css/main.css @@ -32,949 +32,1060 @@ /*Preloader*/ .loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; } .loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); } .loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; } .spinner { - animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; } @keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } } @keyframes spinner-color { - 0%, 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } } @keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } } /*End preloader*/ - /*Site wrapper*/ .wrapper { - position: relative; - background: #000000; + position: relative; + background: #000000; } .wrapper, .header { - margin: 0 auto; - max-width: 1600px; + margin: 0 auto; + max-width: 1600px; } /*End site wrapper*/ - /* Hero Section*/ section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; + background: #353031; + padding: 0; + position: relative; + overflow: hidden; } section.single-hero { - min-height: 400px; + min-height: 400px; } .background-img img { - display: none; + display: none; } .background-img { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; } .overlay:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; } .overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ } section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; } .header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; } .main-slider .slides li { - height: 900px; + height: 900px; } .header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; } .header .logo h2 { - padding: 5px 0; - text-transform: none; + padding: 5px 0; + text-transform: none; } .mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; } .mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); } .mobile-but .lines, .mobile-but .lines:after, .mobile-but .lines:before { - height: 1px; - width: 22px; + height: 1px; + width: 22px; } .mobile-but .lines:after, .mobile-but .lines:before { - content: " "; - display: block; + content: " "; + display: block; } .mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); } .mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); } .mobile-but .lines:after, .mobile-but .lines:before { - background: #ffffff; + background: #ffffff; } .toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); } .toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); } .main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; } .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; } .hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); } h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; } .hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; } .hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; } /* End hero section*/ - /* About section*/ .block-info-1 { - position: relative; + position: relative; } .block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; } .block-info-1 p { - margin-left: 60px; + margin-left: 60px; } /* End about section*/ - /* Speakers section*/ .block-img { - height: 350px; - position: relative; + height: 350px; + position: relative; } .block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; } .block-content .col-sm-3:last-child .block-img:after { - content: none; + content: none; } .block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); } .block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); } .block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; } .block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; } .block-social a { - color: #ffffff; - opacity: .3; - display: inline-block; + color: #ffffff; + opacity: 0.3; + display: inline-block; } .block-social a:hover { - opacity: 1; + opacity: 1; } .block-content .row { - display: flex; - justify-content: center; - + display: flex; + justify-content: center; } -@media only screen and (max-width: 768px){ - .block-content .row { - display: block; - - - } +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } } /* End speakers section*/ - /* Topics section*/ .block-video iframe { - height: 300px; + height: 300px; } ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; } .vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; } /* End topics section*/ - /* Schedule section*/ .block-tabs, .block-tab { - border: 1px solid #444444; + border: 1px solid #444444; } .block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; } .block-tabs li strong, .block-date strong { - font-size: 17px; + font-size: 17px; } .block-tabs li i, .block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; + font-size: 20px; + vertical-align: middle; + margin-right: 25px; } .block-tabs li:last-child { - border-bottom: 0; + border-bottom: 0; } .block-tabs li.active { - background: #444444; - border-bottom: 0; + background: #444444; + border-bottom: 0; } .block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; } .block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; } .block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; } .block-tab li { - display: none; + display: none; } .block-tab li.active { - display: block; + display: block; } .block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; } .block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; } .block-tab .block-detail:hover { - background: #121212; + background: #121212; } .block-tab .block-detail span { - display: block; - font-size: 15px; + display: block; + font-size: 15px; } .block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; } .block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; + margin-top: 20px; + font-size: 14px; + color: #ffffff; } .block-tab .block-detail .speaker strong { - font-weight: 500; + font-weight: 500; } .block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; + opacity: 0; + max-height: 0; } .block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; + padding-top: 20px; + max-height: 300px; + opacity: 1; } .block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; } /* End Schedule section*/ - /* Countdown section*/ .countdown { - font-size: 45px; - font-weight: 300; + font-size: 45px; + font-weight: 300; } /* End Countdown section*/ - /* Tickets section*/ .review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; } .tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 80px 0; + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; } .block-ticket-small { - background: #121212; - opacity: 1.0; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 30px 0; + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; } .block-tickets.overlap { - position: relative; - left: 150px; + position: relative; + left: 150px; } .block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; + display: block; + margin-bottom: 10px; + color: #999999; } .block-ticket:hover, .block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; } .block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; } .block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px -} -.block-ticket-small .block-price .aca{ - display: block; - font-size: 50px; - font-weight:700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1{ - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; } .block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; } /* End tickets section*/ - /* Registry section*/ .registry-form { - background: rgba(0, 0, 0, .4); - padding: 50px 45px; - overflow: hidden; + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; } .registry-form div { - padding: 0; + padding: 0; } .form p { - font-size: 12px; - margin-top: 15px; + font-size: 12px; + margin-top: 15px; } .input-columns .column-1, .input-columns .column-2 { - float: left; - width: 50%; - position: relative; + float: left; + width: 50%; + position: relative; } .input-columns .column-1 .column-inner { - margin-right: 10px; + margin-right: 10px; } .input-columns .column-2 .column-inner { - margin-left: 10px; + margin-left: 10px; } input[type="text"], .registry-form .block-select { - background: rgba(255, 255, 255, .08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; } .registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; } input[type="text"]:focus, input[type="text"]:hover, .registry-form .block-select:focus, .registry-form .block-select:hover { - background: rgba(255, 255, 255, .09); + background: rgba(255, 255, 255, 0.09); } .registry-form .submit { - width: 95%; + width: 95%; } .form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; } input.error, select.error { - border: 1px solid rgba(238, 113, 249, .5); + border: 1px solid rgba(238, 113, 249, 0.5); } /* End registry section*/ - /* Sponsors section*/ - .vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; } .block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .block-sponsor img { - opacity: .18; - width: 85%; + opacity: 0.18; + width: 85%; } -.block-sponsor span{ - opacity: .18; +.block-sponsor span { + opacity: 0.18; } -.block-sponsor:hover img, .block-sponsor:hover span{ - opacity: 1; - transform: scale(1.10); - -webkit-transform: scale(1.10); - -ms-transform: scale(1.10); - -moz-transform: scale(1.10); +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); } - /* End sponsors section*/ .block-club img { + height: 85%; + opacity: 1; - height:85%; - opacity: 1.0; - - width: 85%; + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; } -.block-club-1 img{ - height:2048; - width:1080; -} /* Contact section*/ .block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; } .map { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .location h1.title { - color: #cccccc; + color: #cccccc; } .block-info-3 p, .location p.title-lead { - color: #999999; + color: #999999; } /* End contact section*/ - /* Accommodation section*/ .accom .block-img { - height: 250px; + height: 250px; } /* End accommodation section*/ - /* FAQ section*/ -.block-faq h4 { - font-size: 16px; - font-weight: 700; - text-transform: none; +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 50px; + justify-content: space-between; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #312e2e; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 25px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 30px; + max-height: 0; + background-color: #312e2e; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +@media (max-width: 728px) { + .faqs__main { + display: block; + text-align: left; + padding: 50px; + justify-content: space-between; + } } -/* End faq section*/ +/* End faq section*/ /* Gallery section*/ .block-gallery li { - opacity: .45; - position: relative; - padding: 0 3px; + opacity: 0.45; + position: relative; + padding: 0 3px; } .block-gallery li:last-child { - margin-right: 0; + margin-right: 0; } .block-gallery li .block-img { - height: 180px; + height: 180px; } .block-gallery li:hover, .block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; } /* End gallery section*/ - /* Fat footer section */ .subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; + margin-bottom: 0; + min-width: 100%; + max-width: 100%; } .subscribe-form .submit { - min-width: 100%; - max-width: 100%; + min-width: 100%; + max-width: 100%; } .top-footer { - color: #999999; + color: #999999; } .top-footer .block-social li { - margin-right: 10px; + margin-right: 10px; } .top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; } .top-footer .block-social li:first-child a { - background: #175f9f; + background: #175f9f; } .top-footer .block-social li:nth-child(2) a { - background: #00c6f8; + background: #00c6f8; } .top-footer .block-social li:nth-child(3) a { - background: #df0006; + background: #df0006; } .top-footer .block-social li:nth-child(4) a { - background: #ee322a; + background: #ee322a; } .top-footer .block-social li:last-child a { - background: #3c59ef; + background: #3c59ef; } .insta-Feed li, .insta-Feed li a { - padding: 0; - position: relative; - display: block; + padding: 0; + position: relative; + display: block; } .insta-Feed li:after, .insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ''; - right: 0; - top: 0; + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; } .insta-Feed li:before, .insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ''; - right: 0; - bottom: 0; + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; } .insta-Feed li:first-child, .insta-Feed li:first-child a { - padding-left: 0 + padding-left: 0; } .insta-Feed li:nth-child(3):after, .insta-Feed li:nth-child(3) a:after, .insta-Feed li:nth-child(6):after, .insta-Feed li:nth-child(6) a:after { - content: none; + content: none; } .insta-Feed li:nth-child(4):before, .insta-Feed li:nth-child(4) a:before, @@ -982,513 +1093,529 @@ select.error { .insta-Feed li:nth-child(5) a:before, .insta-Feed li:nth-child(6):before, .insta-Feed li:nth-child(6) a:before { - content: none; + content: none; } .insta-Feed li img { - display: inline-block; - width: 100%; + display: inline-block; + width: 100%; } .insta-Feed li a:hover, .top-footer .block-social li a:hover { - opacity: .5; + opacity: 0.5; } .bottom-footer { - font-size: 12px; + font-size: 12px; } .block-legal { - text-align: right; + text-align: right; } .block-legal li { - display: inline-block; + display: inline-block; } .block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; } .block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; } .block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; + border-right: none; + margin-right: 0; + padding-right: 0; } .block-legal li:last-child a:before { - content: none; + content: none; } /* End fat footer section*/ - /*Media queries*/ @media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } } @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } } @media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom:0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } } @media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100% - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } } @media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } + + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } + + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } } /*End media queries*/ -.block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: flex; - justify-content: center; - +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } } - -@media only screen and (max-width: 768px){ - .block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: block; - } -} \ No newline at end of file diff --git a/index.html b/index.html index 4140051..0637d73 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,10 @@ + + @@ -74,6 +78,7 @@
  • Workshop
  • Prizes
  • Sponsors
    • +
  • FAQs
    • @@ -118,7 +123,7 @@

    About Meenachil / Meen Hacks V1

    experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We wholeheartedly invite all the technophiles to this exciting Hackathon…

    All activities are enforced with our
    -

    Code of Conduct
    +
    Code of Conduct

    @@ -179,7 +184,7 @@
    EVENT SHEDULE

    Event Prizes

    -

    We have a Total Prize Pool of 30,000 Rupees.
    Come join the world’s influencers and get answers.

    +

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    @@ -740,6 +744,107 @@

    Our Sponsors

    + +
    +

    Frequently asked Questions

    +
    +
    +
    + +

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    +
    +
    + +

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

    +
    +
    + +

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

    +
    +
    + +

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

    +
    +
    + +

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

    +
    +
    + +

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

    +
    +
    + +

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    +
    +
    + +

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

    +
    +
    +
    +
    + +

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

    +
    +
    + +

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

    +
    +
    + +

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    +
    +
    + +

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

    +
    +
    + +

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

    +
    +
    + +

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    +
    +
    + +

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

    +
    +
    + +

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    +
    +
    + +
    +
    +
    @@ -812,11 +917,11 @@

    Our Clubs

    © Made with 🖤 Meenachil / Meen Hacks V1 Team

    -     Contact us + Contact us
    @@ -843,6 +948,7 @@

    Our Clubs

    + diff --git a/js/faqs.js b/js/faqs.js new file mode 100644 index 0000000..ee06d34 --- /dev/null +++ b/js/faqs.js @@ -0,0 +1,25 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fas fa-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + coll[j].childNodes[1].className = "fas fa-plus"; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +} From 1a499e9b01b76bbaeeadae94c3b37b12bde156a2 Mon Sep 17 00:00:00 2001 From: Shivansh Gupta Date: Wed, 27 Jan 2021 14:15:14 +0530 Subject: [PATCH 2/4] gitignore --- .gitignore | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..50b9dd6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,16 @@ +.idea/ +.vscode/ +node_modules/ +build +.DS_Store +*.tgz +my-app* +template/src/__tests__/__snapshots__/ +lerna-debug.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +/.changelog +.npm/ +yarn.lock +.history/ \ No newline at end of file From 514e6406bbdf315462feb7114fd0d6e6d604fb7a Mon Sep 17 00:00:00 2001 From: Shivansh Gupta Date: Wed, 27 Jan 2021 14:17:44 +0530 Subject: [PATCH 3/4] deleting .history --- .history/css/main_20210120004434.css | 1494 ------------------------ .history/css/main_20210127115655.css | 1543 ------------------------ .history/css/main_20210127115757.css | 1547 ------------------------ .history/css/main_20210127115809.css | 1548 ------------------------ .history/css/main_20210127121048.css | 1553 ------------------------ .history/css/main_20210127121223.css | 1554 ------------------------ .history/css/main_20210127121230.css | 1555 ------------------------ .history/css/main_20210127121237.css | 1555 ------------------------ .history/css/main_20210127121241.css | 1554 ------------------------ .history/css/main_20210127122507.css | 1583 ------------------------- .history/css/main_20210127122746.css | 1583 ------------------------- .history/css/main_20210127122809.css | 1587 ------------------------- .history/css/main_20210127122853.css | 1587 ------------------------- .history/css/main_20210127122919.css | 1586 ------------------------- .history/css/main_20210127130654.css | 1587 ------------------------- .history/css/main_20210127130702.css | 1588 ------------------------- .history/css/main_20210127130710.css | 1589 ------------------------- .history/css/main_20210127130733.css | 1585 ------------------------- .history/css/main_20210127130739.css | 1589 ------------------------- .history/css/main_20210127131427.css | 1593 ------------------------- .history/css/main_20210127131439.css | 1593 ------------------------- .history/css/main_20210127131638.css | 1593 ------------------------- .history/css/main_20210127131651.css | 1592 ------------------------- .history/css/main_20210127131704.css | 1592 ------------------------- .history/css/main_20210127131710.css | 1592 ------------------------- .history/css/main_20210127131733.css | 1593 ------------------------- .history/css/main_20210127131738.css | 1593 ------------------------- .history/css/main_20210127131830.css | 1608 ------------------------- .history/css/main_20210127131838.css | 1608 ------------------------- .history/css/main_20210127132242.css | 1608 ------------------------- .history/css/main_20210127132254.css | 1608 ------------------------- .history/css/main_20210127132302.css | 1608 ------------------------- .history/css/main_20210127132313.css | 1609 ------------------------- .history/css/main_20210127132319.css | 1609 ------------------------- .history/css/main_20210127132325.css | 1610 ------------------------- .history/css/main_20210127132335.css | 1608 ------------------------- .history/css/main_20210127132740.css | 1608 ------------------------- .history/css/main_20210127132745.css | 1605 ------------------------- .history/css/main_20210127132753.css | 1605 ------------------------- .history/css/main_20210127132918.css | 1605 ------------------------- .history/css/main_20210127133342.css | 1605 ------------------------- .history/css/main_20210127133423.css | 1605 ------------------------- .history/css/main_20210127133434.css | 1604 ------------------------- .history/css/main_20210127133439.css | 1604 ------------------------- .history/css/main_20210127133445.css | 1604 ------------------------- .history/css/main_20210127133451.css | 1604 ------------------------- .history/css/main_20210127133456.css | 1604 ------------------------- .history/css/main_20210127133500.css | 1604 ------------------------- .history/css/main_20210127133509.css | 1604 ------------------------- .history/css/main_20210127133520.css | 1605 ------------------------- .history/css/main_20210127133547.css | 1609 ------------------------- .history/css/main_20210127133558.css | 1610 ------------------------- .history/css/main_20210127133603.css | 1610 ------------------------- .history/css/main_20210127133620.css | 1610 ------------------------- .history/css/main_20210127133623.css | 1610 ------------------------- .history/css/main_20210127133631.css | 1609 ------------------------- .history/css/main_20210127133804.css | 1610 ------------------------- .history/css/main_20210127133811.css | 1611 ------------------------- .history/css/main_20210127134051.css | 1611 ------------------------- .history/css/main_20210127134059.css | 1611 ------------------------- .history/css/main_20210127134546.css | 1611 ------------------------- .history/css/main_20210127134604.css | 1611 ------------------------- .history/css/main_20210127134620.css | 1611 ------------------------- .history/css/main_20210127134628.css | 1611 ------------------------- .history/css/main_20210127134636.css | 1611 ------------------------- .history/css/main_20210127134641.css | 1611 ------------------------- .history/css/main_20210127134658.css | 1611 ------------------------- .history/css/main_20210127134714.css | 1611 ------------------------- .history/css/main_20210127134732.css | 1611 ------------------------- .history/css/main_20210127134740.css | 1611 ------------------------- .history/css/main_20210127134754.css | 1614 ------------------------- .history/css/main_20210127134800.css | 1614 ------------------------- .history/css/main_20210127134821.css | 1617 ------------------------- .history/css/main_20210127134848.css | 1617 ------------------------- .history/css/main_20210127134912.css | 1617 ------------------------- .history/css/main_20210127134925.css | 1614 ------------------------- .history/css/main_20210127140430.css | 1615 ------------------------- .history/css/main_20210127140930.css | 1621 -------------------------- .history/css/main_20210127140935.css | 1621 -------------------------- .history/index_20210120004434.html | 866 -------------- .history/index_20210120004842.html | 865 -------------- .history/index_20210120004959.html | 865 -------------- .history/index_20210120005224.html | 865 -------------- .history/index_20210127115514.html | 870 -------------- .history/index_20210127115521.html | 870 -------------- .history/index_20210127115527.html | 870 -------------- .history/index_20210127115708.html | 870 -------------- .history/index_20210127115715.html | 870 -------------- .history/index_20210127115725.html | 870 -------------- .history/index_20210127120108.html | 883 -------------- .history/index_20210127120147.html | 888 -------------- .history/index_20210127120149.html | 888 -------------- .history/index_20210127120236.html | 894 -------------- .history/index_20210127120319.html | 900 -------------- .history/index_20210127120350.html | 905 -------------- .history/index_20210127120421.html | 909 --------------- .history/index_20210127120521.html | 914 --------------- .history/index_20210127120604.html | 922 --------------- .history/index_20210127120652.html | 929 --------------- .history/index_20210127120756.html | 941 --------------- .history/index_20210127120829.html | 947 --------------- .history/index_20210127120855.html | 951 --------------- .history/index_20210127121002.html | 963 --------------- .history/index_20210127121003.html | 963 --------------- .history/index_20210127121004.html | 962 --------------- .history/index_20210127121007.html | 962 --------------- .history/index_20210127121008.html | 962 --------------- .history/index_20210127121122.html | 966 --------------- .history/index_20210127122719.html | 966 --------------- .history/index_20210127123019.html | 966 --------------- .history/index_20210127123048.html | 966 --------------- .history/index_20210127123107.html | 968 --------------- .history/index_20210127123110.html | 968 --------------- .history/index_20210127123141.html | 970 --------------- .history/index_20210127123242.html | 971 --------------- .history/index_20210127130432.html | 971 --------------- .history/index_20210127130511.html | 971 --------------- .history/index_20210127130521.html | 971 --------------- .history/index_20210127131552.html | 971 --------------- .history/index_20210127131614.html | 971 --------------- .history/index_20210127141125.html | 972 --------------- .history/index_20210127141139.html | 972 --------------- .history/js/faqs_20210127123207.js | 0 .history/js/faqs_20210127123214.js | 19 - .history/js/faqs_20210127123306.js | 19 - .history/js/faqs_20210127123329.js | 19 - .history/js/faqs_20210127131437.js | 19 - .history/js/faqs_20210127131448.js | 19 - .history/js/faqs_20210127131914.js | 19 - .history/js/faqs_20210127131922.js | 20 - .history/js/faqs_20210127132042.js | 20 - .history/js/faqs_20210127132131.js | 21 - .history/js/faqs_20210127132158.js | 22 - .history/js/faqs_20210127132707.js | 22 - .history/js/faqs_20210127133909.js | 24 - .history/js/faqs_20210127133943.js | 26 - .history/js/faqs_20210127134002.js | 28 - .history/js/faqs_20210127134207.js | 29 - .history/js/faqs_20210127134221.js | 30 - .history/js/faqs_20210127134309.js | 30 - .history/js/faqs_20210127134328.js | 22 - .history/js/faqs_20210127134417.js | 23 - .history/js/faqs_20210127134419.js | 22 - .history/js/faqs_20210127134442.js | 22 - .history/js/faqs_20210127134448.js | 22 - .history/js/faqs_20210127134455.js | 22 - .history/js/faqs_20210127134500.js | 22 - .history/js/faqs_20210127134503.js | 22 - .history/js/faqs_20210127134514.js | 22 - .history/js/faqs_20210127134522.js | 22 - .history/js/faqs_20210127134834.js | 22 - .history/js/faqs_20210127135144.js | 23 - .history/js/faqs_20210127135208.js | 23 - .history/js/faqs_20210127135226.js | 22 - .history/js/faqs_20210127135342.js | 23 - .history/js/faqs_20210127135519.js | 23 - .history/js/faqs_20210127135540.js | 23 - .history/js/faqs_20210127135557.js | 23 - .history/js/faqs_20210127135613.js | 23 - .history/js/faqs_20210127135620.js | 23 - .history/js/faqs_20210127135634.js | 23 - .history/js/faqs_20210127135635.js | 23 - .history/js/faqs_20210127135654.js | 23 - .history/js/faqs_20210127135812.js | 23 - .history/js/faqs_20210127135834.js | 23 - .history/js/faqs_20210127135926.js | 23 - .history/js/faqs_20210127140015.js | 23 - .history/js/faqs_20210127140030.js | 23 - .history/js/faqs_20210127140043.js | 23 - .history/js/faqs_20210127140059.js | 23 - .history/js/faqs_20210127140116.js | 24 - .history/js/faqs_20210127140120.js | 25 - .history/js/faqs_20210127140146.js | 25 - 173 files changed, 167254 deletions(-) delete mode 100644 .history/css/main_20210120004434.css delete mode 100644 .history/css/main_20210127115655.css delete mode 100644 .history/css/main_20210127115757.css delete mode 100644 .history/css/main_20210127115809.css delete mode 100644 .history/css/main_20210127121048.css delete mode 100644 .history/css/main_20210127121223.css delete mode 100644 .history/css/main_20210127121230.css delete mode 100644 .history/css/main_20210127121237.css delete mode 100644 .history/css/main_20210127121241.css delete mode 100644 .history/css/main_20210127122507.css delete mode 100644 .history/css/main_20210127122746.css delete mode 100644 .history/css/main_20210127122809.css delete mode 100644 .history/css/main_20210127122853.css delete mode 100644 .history/css/main_20210127122919.css delete mode 100644 .history/css/main_20210127130654.css delete mode 100644 .history/css/main_20210127130702.css delete mode 100644 .history/css/main_20210127130710.css delete mode 100644 .history/css/main_20210127130733.css delete mode 100644 .history/css/main_20210127130739.css delete mode 100644 .history/css/main_20210127131427.css delete mode 100644 .history/css/main_20210127131439.css delete mode 100644 .history/css/main_20210127131638.css delete mode 100644 .history/css/main_20210127131651.css delete mode 100644 .history/css/main_20210127131704.css delete mode 100644 .history/css/main_20210127131710.css delete mode 100644 .history/css/main_20210127131733.css delete mode 100644 .history/css/main_20210127131738.css delete mode 100644 .history/css/main_20210127131830.css delete mode 100644 .history/css/main_20210127131838.css delete mode 100644 .history/css/main_20210127132242.css delete mode 100644 .history/css/main_20210127132254.css delete mode 100644 .history/css/main_20210127132302.css delete mode 100644 .history/css/main_20210127132313.css delete mode 100644 .history/css/main_20210127132319.css delete mode 100644 .history/css/main_20210127132325.css delete mode 100644 .history/css/main_20210127132335.css delete mode 100644 .history/css/main_20210127132740.css delete mode 100644 .history/css/main_20210127132745.css delete mode 100644 .history/css/main_20210127132753.css delete mode 100644 .history/css/main_20210127132918.css delete mode 100644 .history/css/main_20210127133342.css delete mode 100644 .history/css/main_20210127133423.css delete mode 100644 .history/css/main_20210127133434.css delete mode 100644 .history/css/main_20210127133439.css delete mode 100644 .history/css/main_20210127133445.css delete mode 100644 .history/css/main_20210127133451.css delete mode 100644 .history/css/main_20210127133456.css delete mode 100644 .history/css/main_20210127133500.css delete mode 100644 .history/css/main_20210127133509.css delete mode 100644 .history/css/main_20210127133520.css delete mode 100644 .history/css/main_20210127133547.css delete mode 100644 .history/css/main_20210127133558.css delete mode 100644 .history/css/main_20210127133603.css delete mode 100644 .history/css/main_20210127133620.css delete mode 100644 .history/css/main_20210127133623.css delete mode 100644 .history/css/main_20210127133631.css delete mode 100644 .history/css/main_20210127133804.css delete mode 100644 .history/css/main_20210127133811.css delete mode 100644 .history/css/main_20210127134051.css delete mode 100644 .history/css/main_20210127134059.css delete mode 100644 .history/css/main_20210127134546.css delete mode 100644 .history/css/main_20210127134604.css delete mode 100644 .history/css/main_20210127134620.css delete mode 100644 .history/css/main_20210127134628.css delete mode 100644 .history/css/main_20210127134636.css delete mode 100644 .history/css/main_20210127134641.css delete mode 100644 .history/css/main_20210127134658.css delete mode 100644 .history/css/main_20210127134714.css delete mode 100644 .history/css/main_20210127134732.css delete mode 100644 .history/css/main_20210127134740.css delete mode 100644 .history/css/main_20210127134754.css delete mode 100644 .history/css/main_20210127134800.css delete mode 100644 .history/css/main_20210127134821.css delete mode 100644 .history/css/main_20210127134848.css delete mode 100644 .history/css/main_20210127134912.css delete mode 100644 .history/css/main_20210127134925.css delete mode 100644 .history/css/main_20210127140430.css delete mode 100644 .history/css/main_20210127140930.css delete mode 100644 .history/css/main_20210127140935.css delete mode 100644 .history/index_20210120004434.html delete mode 100644 .history/index_20210120004842.html delete mode 100644 .history/index_20210120004959.html delete mode 100644 .history/index_20210120005224.html delete mode 100644 .history/index_20210127115514.html delete mode 100644 .history/index_20210127115521.html delete mode 100644 .history/index_20210127115527.html delete mode 100644 .history/index_20210127115708.html delete mode 100644 .history/index_20210127115715.html delete mode 100644 .history/index_20210127115725.html delete mode 100644 .history/index_20210127120108.html delete mode 100644 .history/index_20210127120147.html delete mode 100644 .history/index_20210127120149.html delete mode 100644 .history/index_20210127120236.html delete mode 100644 .history/index_20210127120319.html delete mode 100644 .history/index_20210127120350.html delete mode 100644 .history/index_20210127120421.html delete mode 100644 .history/index_20210127120521.html delete mode 100644 .history/index_20210127120604.html delete mode 100644 .history/index_20210127120652.html delete mode 100644 .history/index_20210127120756.html delete mode 100644 .history/index_20210127120829.html delete mode 100644 .history/index_20210127120855.html delete mode 100644 .history/index_20210127121002.html delete mode 100644 .history/index_20210127121003.html delete mode 100644 .history/index_20210127121004.html delete mode 100644 .history/index_20210127121007.html delete mode 100644 .history/index_20210127121008.html delete mode 100644 .history/index_20210127121122.html delete mode 100644 .history/index_20210127122719.html delete mode 100644 .history/index_20210127123019.html delete mode 100644 .history/index_20210127123048.html delete mode 100644 .history/index_20210127123107.html delete mode 100644 .history/index_20210127123110.html delete mode 100644 .history/index_20210127123141.html delete mode 100644 .history/index_20210127123242.html delete mode 100644 .history/index_20210127130432.html delete mode 100644 .history/index_20210127130511.html delete mode 100644 .history/index_20210127130521.html delete mode 100644 .history/index_20210127131552.html delete mode 100644 .history/index_20210127131614.html delete mode 100644 .history/index_20210127141125.html delete mode 100644 .history/index_20210127141139.html delete mode 100644 .history/js/faqs_20210127123207.js delete mode 100644 .history/js/faqs_20210127123214.js delete mode 100644 .history/js/faqs_20210127123306.js delete mode 100644 .history/js/faqs_20210127123329.js delete mode 100644 .history/js/faqs_20210127131437.js delete mode 100644 .history/js/faqs_20210127131448.js delete mode 100644 .history/js/faqs_20210127131914.js delete mode 100644 .history/js/faqs_20210127131922.js delete mode 100644 .history/js/faqs_20210127132042.js delete mode 100644 .history/js/faqs_20210127132131.js delete mode 100644 .history/js/faqs_20210127132158.js delete mode 100644 .history/js/faqs_20210127132707.js delete mode 100644 .history/js/faqs_20210127133909.js delete mode 100644 .history/js/faqs_20210127133943.js delete mode 100644 .history/js/faqs_20210127134002.js delete mode 100644 .history/js/faqs_20210127134207.js delete mode 100644 .history/js/faqs_20210127134221.js delete mode 100644 .history/js/faqs_20210127134309.js delete mode 100644 .history/js/faqs_20210127134328.js delete mode 100644 .history/js/faqs_20210127134417.js delete mode 100644 .history/js/faqs_20210127134419.js delete mode 100644 .history/js/faqs_20210127134442.js delete mode 100644 .history/js/faqs_20210127134448.js delete mode 100644 .history/js/faqs_20210127134455.js delete mode 100644 .history/js/faqs_20210127134500.js delete mode 100644 .history/js/faqs_20210127134503.js delete mode 100644 .history/js/faqs_20210127134514.js delete mode 100644 .history/js/faqs_20210127134522.js delete mode 100644 .history/js/faqs_20210127134834.js delete mode 100644 .history/js/faqs_20210127135144.js delete mode 100644 .history/js/faqs_20210127135208.js delete mode 100644 .history/js/faqs_20210127135226.js delete mode 100644 .history/js/faqs_20210127135342.js delete mode 100644 .history/js/faqs_20210127135519.js delete mode 100644 .history/js/faqs_20210127135540.js delete mode 100644 .history/js/faqs_20210127135557.js delete mode 100644 .history/js/faqs_20210127135613.js delete mode 100644 .history/js/faqs_20210127135620.js delete mode 100644 .history/js/faqs_20210127135634.js delete mode 100644 .history/js/faqs_20210127135635.js delete mode 100644 .history/js/faqs_20210127135654.js delete mode 100644 .history/js/faqs_20210127135812.js delete mode 100644 .history/js/faqs_20210127135834.js delete mode 100644 .history/js/faqs_20210127135926.js delete mode 100644 .history/js/faqs_20210127140015.js delete mode 100644 .history/js/faqs_20210127140030.js delete mode 100644 .history/js/faqs_20210127140043.js delete mode 100644 .history/js/faqs_20210127140059.js delete mode 100644 .history/js/faqs_20210127140116.js delete mode 100644 .history/js/faqs_20210127140120.js delete mode 100644 .history/js/faqs_20210127140146.js diff --git a/.history/css/main_20210120004434.css b/.history/css/main_20210120004434.css deleted file mode 100644 index d1f6bda..0000000 --- a/.history/css/main_20210120004434.css +++ /dev/null @@ -1,1494 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: .3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; - -} - -@media only screen and (max-width: 768px){ - .block-content .row { - display: block; - - - } -} -/* End speakers section*/ - - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1.0; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px -} -.block-ticket-small .block-price .aca{ - display: block; - font-size: 50px; - font-weight:700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1{ - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, .4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, .08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, .09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, .5); -} -/* End registry section*/ - - -/* Sponsors section*/ - - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: .18; - width: 85%; -} -.block-sponsor span{ - opacity: .18; -} - -.block-sponsor:hover img, .block-sponsor:hover span{ - opacity: 1; - transform: scale(1.10); - -webkit-transform: scale(1.10); - -ms-transform: scale(1.10); - -moz-transform: scale(1.10); -} - - -/* End sponsors section*/ -.block-club img { - - height:85%; - opacity: 1.0; - - width: 85%; -} -.block-club-1 img{ - height:2048; - width:1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - - -/* FAQ section*/ - -.block-faq h4 { - font-size: 16px; - font-weight: 700; - text-transform: none; -} -/* End faq section*/ - - -/* Gallery section*/ - -.block-gallery li { - opacity: .45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ''; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ''; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0 -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: .5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom:0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100% - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: flex; - justify-content: center; - -} - -@media only screen and (max-width: 768px){ - .block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: block; - } -} \ No newline at end of file diff --git a/.history/css/main_20210127115655.css b/.history/css/main_20210127115655.css deleted file mode 100644 index da35714..0000000 --- a/.history/css/main_20210127115655.css +++ /dev/null @@ -1,1543 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127115757.css b/.history/css/main_20210127115757.css deleted file mode 100644 index 6298f74..0000000 --- a/.history/css/main_20210127115757.css +++ /dev/null @@ -1,1547 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127115809.css b/.history/css/main_20210127115809.css deleted file mode 100644 index aa1159b..0000000 --- a/.history/css/main_20210127115809.css +++ /dev/null @@ -1,1548 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127121048.css b/.history/css/main_20210127121048.css deleted file mode 100644 index 922b009..0000000 --- a/.history/css/main_20210127121048.css +++ /dev/null @@ -1,1553 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127121223.css b/.history/css/main_20210127121223.css deleted file mode 100644 index 5c15fbe..0000000 --- a/.history/css/main_20210127121223.css +++ /dev/null @@ -1,1554 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - margin-top: 50px; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127121230.css b/.history/css/main_20210127121230.css deleted file mode 100644 index e7aea28..0000000 --- a/.history/css/main_20210127121230.css +++ /dev/null @@ -1,1555 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - margin-top: 50px; - padding: 50px; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127121237.css b/.history/css/main_20210127121237.css deleted file mode 100644 index 51c3230..0000000 --- a/.history/css/main_20210127121237.css +++ /dev/null @@ -1,1555 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - - padding: 50px; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127121241.css b/.history/css/main_20210127121241.css deleted file mode 100644 index 188305a..0000000 --- a/.history/css/main_20210127121241.css +++ /dev/null @@ -1,1554 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127122507.css b/.history/css/main_20210127122507.css deleted file mode 100644 index 959ea89..0000000 --- a/.history/css/main_20210127122507.css +++ /dev/null @@ -1,1583 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 50%; - height: 80px; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127122746.css b/.history/css/main_20210127122746.css deleted file mode 100644 index 41fba36..0000000 --- a/.history/css/main_20210127122746.css +++ /dev/null @@ -1,1583 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - height: 80px; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127122809.css b/.history/css/main_20210127122809.css deleted file mode 100644 index 403c05c..0000000 --- a/.history/css/main_20210127122809.css +++ /dev/null @@ -1,1587 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - height: 80px; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127122853.css b/.history/css/main_20210127122853.css deleted file mode 100644 index 35d7438..0000000 --- a/.history/css/main_20210127122853.css +++ /dev/null @@ -1,1587 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - /* height: 80px; */ - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127122919.css b/.history/css/main_20210127122919.css deleted file mode 100644 index 94a45f3..0000000 --- a/.history/css/main_20210127122919.css +++ /dev/null @@ -1,1586 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127130654.css b/.history/css/main_20210127130654.css deleted file mode 100644 index 843aa9d..0000000 --- a/.history/css/main_20210127130654.css +++ /dev/null @@ -1,1587 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127130702.css b/.history/css/main_20210127130702.css deleted file mode 100644 index e4f4fab..0000000 --- a/.history/css/main_20210127130702.css +++ /dev/null @@ -1,1588 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127130710.css b/.history/css/main_20210127130710.css deleted file mode 100644 index 8502b60..0000000 --- a/.history/css/main_20210127130710.css +++ /dev/null @@ -1,1589 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127130733.css b/.history/css/main_20210127130733.css deleted file mode 100644 index b8345cc..0000000 --- a/.history/css/main_20210127130733.css +++ /dev/null @@ -1,1585 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127130739.css b/.history/css/main_20210127130739.css deleted file mode 100644 index 8502b60..0000000 --- a/.history/css/main_20210127130739.css +++ /dev/null @@ -1,1589 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131427.css b/.history/css/main_20210127131427.css deleted file mode 100644 index 804b2d5..0000000 --- a/.history/css/main_20210127131427.css +++ /dev/null @@ -1,1593 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131439.css b/.history/css/main_20210127131439.css deleted file mode 100644 index 804b2d5..0000000 --- a/.history/css/main_20210127131439.css +++ /dev/null @@ -1,1593 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131638.css b/.history/css/main_20210127131638.css deleted file mode 100644 index 3eea30e..0000000 --- a/.history/css/main_20210127131638.css +++ /dev/null @@ -1,1593 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - max-width: 50%; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131651.css b/.history/css/main_20210127131651.css deleted file mode 100644 index 5ca68e1..0000000 --- a/.history/css/main_20210127131651.css +++ /dev/null @@ -1,1592 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131704.css b/.history/css/main_20210127131704.css deleted file mode 100644 index 7194f19..0000000 --- a/.history/css/main_20210127131704.css +++ /dev/null @@ -1,1592 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131710.css b/.history/css/main_20210127131710.css deleted file mode 100644 index 5ca68e1..0000000 --- a/.history/css/main_20210127131710.css +++ /dev/null @@ -1,1592 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131733.css b/.history/css/main_20210127131733.css deleted file mode 100644 index d4f5779..0000000 --- a/.history/css/main_20210127131733.css +++ /dev/null @@ -1,1593 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131738.css b/.history/css/main_20210127131738.css deleted file mode 100644 index 128fb3e..0000000 --- a/.history/css/main_20210127131738.css +++ /dev/null @@ -1,1593 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131830.css b/.history/css/main_20210127131830.css deleted file mode 100644 index 6ffdf81..0000000 --- a/.history/css/main_20210127131830.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127131838.css b/.history/css/main_20210127131838.css deleted file mode 100644 index 5a9ff7b..0000000 --- a/.history/css/main_20210127131838.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132242.css b/.history/css/main_20210127132242.css deleted file mode 100644 index 368d8a2..0000000 --- a/.history/css/main_20210127132242.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - /* width: 100%; */ - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132254.css b/.history/css/main_20210127132254.css deleted file mode 100644 index af30784..0000000 --- a/.history/css/main_20210127132254.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 90%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132302.css b/.history/css/main_20210127132302.css deleted file mode 100644 index 5a9ff7b..0000000 --- a/.history/css/main_20210127132302.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132313.css b/.history/css/main_20210127132313.css deleted file mode 100644 index 9f92196..0000000 --- a/.history/css/main_20210127132313.css +++ /dev/null @@ -1,1609 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - justify-content: space-between; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132319.css b/.history/css/main_20210127132319.css deleted file mode 100644 index 3b7d30f..0000000 --- a/.history/css/main_20210127132319.css +++ /dev/null @@ -1,1609 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - justify-content: space-evenly; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132325.css b/.history/css/main_20210127132325.css deleted file mode 100644 index f62ddb0..0000000 --- a/.history/css/main_20210127132325.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - justify-content: space-evenly; - align-items: center; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132335.css b/.history/css/main_20210127132335.css deleted file mode 100644 index 5a9ff7b..0000000 --- a/.history/css/main_20210127132335.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { - text-align: center; -} - -.faqs > h1 { - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132740.css b/.history/css/main_20210127132740.css deleted file mode 100644 index 626a0b1..0000000 --- a/.history/css/main_20210127132740.css +++ /dev/null @@ -1,1608 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs { -} - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132745.css b/.history/css/main_20210127132745.css deleted file mode 100644 index f014b8a..0000000 --- a/.history/css/main_20210127132745.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132753.css b/.history/css/main_20210127132753.css deleted file mode 100644 index 8e73ff2..0000000 --- a/.history/css/main_20210127132753.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - /* display: flex; */ - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127132918.css b/.history/css/main_20210127132918.css deleted file mode 100644 index f014b8a..0000000 --- a/.history/css/main_20210127132918.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133342.css b/.history/css/main_20210127133342.css deleted file mode 100644 index f014b8a..0000000 --- a/.history/css/main_20210127133342.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133423.css b/.history/css/main_20210127133423.css deleted file mode 100644 index d4bbbe7..0000000 --- a/.history/css/main_20210127133423.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100%; - /* margin: auto; */ - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133434.css b/.history/css/main_20210127133434.css deleted file mode 100644 index 09c6595..0000000 --- a/.history/css/main_20210127133434.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133439.css b/.history/css/main_20210127133439.css deleted file mode 100644 index ce9dd30..0000000 --- a/.history/css/main_20210127133439.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 100px; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133445.css b/.history/css/main_20210127133445.css deleted file mode 100644 index 01451b1..0000000 --- a/.history/css/main_20210127133445.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 120rem; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133451.css b/.history/css/main_20210127133451.css deleted file mode 100644 index 7e91451..0000000 --- a/.history/css/main_20210127133451.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 20rem; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133456.css b/.history/css/main_20210127133456.css deleted file mode 100644 index 10b8d9f..0000000 --- a/.history/css/main_20210127133456.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 50rem; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133500.css b/.history/css/main_20210127133500.css deleted file mode 100644 index e563742..0000000 --- a/.history/css/main_20210127133500.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 40rem; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133509.css b/.history/css/main_20210127133509.css deleted file mode 100644 index a8e84af..0000000 --- a/.history/css/main_20210127133509.css +++ /dev/null @@ -1,1604 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133520.css b/.history/css/main_20210127133520.css deleted file mode 100644 index b0a33e8..0000000 --- a/.history/css/main_20210127133520.css +++ /dev/null @@ -1,1605 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133547.css b/.history/css/main_20210127133547.css deleted file mode 100644 index d0c7556..0000000 --- a/.history/css/main_20210127133547.css +++ /dev/null @@ -1,1609 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133558.css b/.history/css/main_20210127133558.css deleted file mode 100644 index 06960ca..0000000 --- a/.history/css/main_20210127133558.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133603.css b/.history/css/main_20210127133603.css deleted file mode 100644 index 1d8ae58..0000000 --- a/.history/css/main_20210127133603.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 30px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133620.css b/.history/css/main_20210127133620.css deleted file mode 100644 index e71a50f..0000000 --- a/.history/css/main_20210127133620.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133623.css b/.history/css/main_20210127133623.css deleted file mode 100644 index 8e3e075..0000000 --- a/.history/css/main_20210127133623.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 10px; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133631.css b/.history/css/main_20210127133631.css deleted file mode 100644 index d0c7556..0000000 --- a/.history/css/main_20210127133631.css +++ /dev/null @@ -1,1609 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133804.css b/.history/css/main_20210127133804.css deleted file mode 100644 index 8f47df0..0000000 --- a/.history/css/main_20210127133804.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127133811.css b/.history/css/main_20210127133811.css deleted file mode 100644 index 0ea70ab..0000000 --- a/.history/css/main_20210127133811.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134051.css b/.history/css/main_20210127134051.css deleted file mode 100644 index 70cc5e0..0000000 --- a/.history/css/main_20210127134051.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - /* margin-bottom: 10px; */ -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - /* margin-bottom: 10px; */ -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134059.css b/.history/css/main_20210127134059.css deleted file mode 100644 index 0ea70ab..0000000 --- a/.history/css/main_20210127134059.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134546.css b/.history/css/main_20210127134546.css deleted file mode 100644 index 26a2216..0000000 --- a/.history/css/main_20210127134546.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134604.css b/.history/css/main_20210127134604.css deleted file mode 100644 index ed8c04a..0000000 --- a/.history/css/main_20210127134604.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0 10 10 10; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134620.css b/.history/css/main_20210127134620.css deleted file mode 100644 index c54220a..0000000 --- a/.history/css/main_20210127134620.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0 10px 10px 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134628.css b/.history/css/main_20210127134628.css deleted file mode 100644 index 39f71ab..0000000 --- a/.history/css/main_20210127134628.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 10 10px 10px 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134636.css b/.history/css/main_20210127134636.css deleted file mode 100644 index 82d07c3..0000000 --- a/.history/css/main_20210127134636.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 10px 10px 10px 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134641.css b/.history/css/main_20210127134641.css deleted file mode 100644 index 4a08da9..0000000 --- a/.history/css/main_20210127134641.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0 10px 10px 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134658.css b/.history/css/main_20210127134658.css deleted file mode 100644 index 0ea70ab..0000000 --- a/.history/css/main_20210127134658.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134714.css b/.history/css/main_20210127134714.css deleted file mode 100644 index 1ae1353..0000000 --- a/.history/css/main_20210127134714.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 0; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134732.css b/.history/css/main_20210127134732.css deleted file mode 100644 index 49c34c4..0000000 --- a/.history/css/main_20210127134732.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134740.css b/.history/css/main_20210127134740.css deleted file mode 100644 index 9f11948..0000000 --- a/.history/css/main_20210127134740.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding: 10px 10px 10px 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134754.css b/.history/css/main_20210127134754.css deleted file mode 100644 index 3b3f326..0000000 --- a/.history/css/main_20210127134754.css +++ /dev/null @@ -1,1614 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134800.css b/.history/css/main_20210127134800.css deleted file mode 100644 index 388d51c..0000000 --- a/.history/css/main_20210127134800.css +++ /dev/null @@ -1,1614 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134821.css b/.history/css/main_20210127134821.css deleted file mode 100644 index 8d2e4e4..0000000 --- a/.history/css/main_20210127134821.css +++ /dev/null @@ -1,1617 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134848.css b/.history/css/main_20210127134848.css deleted file mode 100644 index 347d2dd..0000000 --- a/.history/css/main_20210127134848.css +++ /dev/null @@ -1,1617 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134912.css b/.history/css/main_20210127134912.css deleted file mode 100644 index 376870c..0000000 --- a/.history/css/main_20210127134912.css +++ /dev/null @@ -1,1617 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding-top: 10px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127134925.css b/.history/css/main_20210127134925.css deleted file mode 100644 index 4dee555..0000000 --- a/.history/css/main_20210127134925.css +++ /dev/null @@ -1,1614 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127140430.css b/.history/css/main_20210127140430.css deleted file mode 100644 index a942ef8..0000000 --- a/.history/css/main_20210127140430.css +++ /dev/null @@ -1,1615 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; - justify-content: space-between; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs_active { -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127140930.css b/.history/css/main_20210127140930.css deleted file mode 100644 index 65530c3..0000000 --- a/.history/css/main_20210127140930.css +++ /dev/null @@ -1,1621 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; - justify-content: space-between; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -@media (max-width: 728px) { - .faqs__main { - display: flex; - text-align: left; - padding: 50px; - justify-content: space-between; - } -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/css/main_20210127140935.css b/.history/css/main_20210127140935.css deleted file mode 100644 index 1c1026a..0000000 --- a/.history/css/main_20210127140935.css +++ /dev/null @@ -1,1621 +0,0 @@ -/* -* DESTINY - WEDDING HTML TEMPLATE -* Copyright 2016 -* www.mutationmedia.net -* Created by : mutationthemes -* -*/ -/* Table of Content -================================================== - 1.Preloader - 2.Site wrapper - 3.Hero section - 4.About section - 5.Speakers section - 6.Topics section - 7.Schedule section - 8.Countdown section - 9.Tickets section - 10.Registry section - 11.Sponsors section - 12.Contact section - 13.Accommodation section - 14.FAQ section - 15.Gallery section - 16.Fat footer section - 17.Mediaqueries - - - - - -/*Preloader*/ - -.loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; -} -.loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -.loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; -} -.spinner { - animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, - spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; -} -@keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } -} -@keyframes spinner-color { - 0%, - 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } -} -@keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } -} -/*End preloader*/ - -/*Site wrapper*/ - -.wrapper { - position: relative; - background: #000000; -} -.wrapper, -.header { - margin: 0 auto; - max-width: 1600px; -} -/*End site wrapper*/ - -/* Hero Section*/ - -section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; -} -section.single-hero { - min-height: 400px; -} -.background-img img { - display: none; -} -.background-img { - width: 100%; - height: 100%; -} -.background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.overlay:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0.5) 32%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; -} -.overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, 0.5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.2) 50%, - rgba(0, 0, 0, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ -} -section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; -} -.header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; -} -.main-slider .slides li { - height: 900px; -} -.header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; -} -.header .logo h2 { - padding: 5px 0; - text-transform: none; -} -.mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; -} -.mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); -} -.mobile-but .lines, -.mobile-but .lines:after, -.mobile-but .lines:before { - height: 1px; - width: 22px; -} -.mobile-but .lines:after, -.mobile-but .lines:before { - content: " "; - display: block; -} -.mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); -} -.mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); -} -.mobile-but .lines:after, -.mobile-but .lines:before { - background: #ffffff; -} -.toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); -} -.toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); -} -.main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; -} -.main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; -} -.hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); -} -h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; -} -.hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; -} -.hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; -} -/* End hero section*/ - -/* About section*/ - -.block-info-1 { - position: relative; -} -.block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; -} -.block-info-1 p { - margin-left: 60px; -} -/* End about section*/ - -/* Speakers section*/ - -.block-img { - height: 350px; - position: relative; -} -.block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* FF3.6-15 */ - - background: -webkit-linear-gradient( - top, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(3, 3, 3, 0) 3%, - rgba(68, 68, 68, 0.4) 70%, - rgba(68, 68, 68, 1) 100% - ); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; -} -.block-content .col-sm-3:last-child .block-img:after { - content: none; -} -.block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); -} -.block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); -} -.block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; -} -.block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; -} -.block-social a { - color: #ffffff; - opacity: 0.3; - display: inline-block; -} -.block-social a:hover { - opacity: 1; -} -.block-content .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-content .row { - display: block; - } -} -/* End speakers section*/ - -/* Topics section*/ - -.block-video iframe { - height: 300px; -} -ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; -} -.vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; -} -/* End topics section*/ - -/* Schedule section*/ - -.block-tabs, -.block-tab { - border: 1px solid #444444; -} -.block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; -} -.block-tabs li strong, -.block-date strong { - font-size: 17px; -} -.block-tabs li i, -.block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; -} -.block-tabs li:last-child { - border-bottom: 0; -} -.block-tabs li.active { - background: #444444; - border-bottom: 0; -} -.block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -.block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; -} -.block-tab li { - display: none; -} -.block-tab li.active { - display: block; -} -.block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; -} -.block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; -} -.block-tab .block-detail:hover { - background: #121212; -} -.block-tab .block-detail span { - display: block; - font-size: 15px; -} -.block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; -} -.block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; -} -.block-tab .block-detail .speaker strong { - font-weight: 500; -} -.block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; -} -.block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; -} -.block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; -} -/* End Schedule section*/ - -/* Countdown section*/ - -.countdown { - font-size: 45px; - font-weight: 300; -} -/* End Countdown section*/ - -/* Tickets section*/ - -.review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; -} -.tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; -} -.block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 80px 0; -} -.block-ticket-small { - background: #121212; - opacity: 1; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(0.8); - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - padding: 30px 0; -} -.block-tickets.overlap { - position: relative; - left: 150px; -} -.block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; -} - -.block-ticket:hover, -.block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; -} -.block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; -} -.block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px; -} -.block-ticket-small .block-price .aca { - display: block; - font-size: 50px; - font-weight: 700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1 { - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px; -} -.block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; -} -/* End tickets section*/ - -/* Registry section*/ - -.registry-form { - background: rgba(0, 0, 0, 0.4); - padding: 50px 45px; - overflow: hidden; -} -.registry-form div { - padding: 0; -} -.form p { - font-size: 12px; - margin-top: 15px; -} -.input-columns .column-1, -.input-columns .column-2 { - float: left; - width: 50%; - position: relative; -} -.input-columns .column-1 .column-inner { - margin-right: 10px; -} -.input-columns .column-2 .column-inner { - margin-left: 10px; -} -input[type="text"], -.registry-form .block-select { - background: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; -} -.registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; -} -input[type="text"]:focus, -input[type="text"]:hover, -.registry-form .block-select:focus, -.registry-form .block-select:hover { - background: rgba(255, 255, 255, 0.09); -} -.registry-form .submit { - width: 95%; -} -.form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; -} -input.error, -select.error { - border: 1px solid rgba(238, 113, 249, 0.5); -} -/* End registry section*/ - -/* Sponsors section*/ - -.vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -.block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} -.block-sponsor img { - opacity: 0.18; - width: 85%; -} -.block-sponsor span { - opacity: 0.18; -} - -.block-sponsor:hover img, -.block-sponsor:hover span { - opacity: 1; - transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -moz-transform: scale(1.1); -} - -/* End sponsors section*/ -.block-club img { - height: 85%; - opacity: 1; - - width: 85%; -} -.block-club-1 img { - height: 2048; - width: 1080; -} -/* Contact section*/ - -.block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.map { - width: 100%; - height: 100%; -} -.location h1.title { - color: #cccccc; -} -.block-info-3 p, -.location p.title-lead { - color: #999999; -} -/* End contact section*/ - -/* Accommodation section*/ - -.accom .block-img { - height: 250px; -} -/* End accommodation section*/ - -/* FAQ section*/ - -.faqs > h1 { - text-align: center; - font-size: 3rem; - font-weight: 1000; -} - -.faqs__main { - display: flex; - text-align: left; - padding: 50px; - justify-content: space-between; -} - -.faqs__main__first { - padding-right: 50px; -} - -.collapsible { - background-color: #312e2e; - color: #fff; - width: 45rem; - margin: auto; - cursor: pointer; - padding: 18px; - border: none; - text-align: left; - outline: none; - font-size: 25px; - display: flex; - justify-content: space-between; - align-items: center; -} - -/* Style the collapsible content. Note: hidden by default */ - -.faqs__content { - padding-top: 0px; - padding-right: 10px; - padding-left: 10px; - padding-bottom: 0px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -.faqs__content__active { - padding: 10px; - border-top: 2px black solid; - overflow: hidden; - margin: auto; - margin-bottom: 10px; - text-align: left; - font-size: 30px; - max-height: 0; - background-color: #312e2e; - transition: max-height 0.2s ease-out; - font-size: 1.1rem; - width: 45rem; - margin: auto; - margin-bottom: 10px; -} - -@media (max-width: 728px) { - .faqs__main { - display: block; - text-align: left; - padding: 50px; - justify-content: space-between; - } -} - -/* End faq section*/ - -/* Gallery section*/ - -.block-gallery li { - opacity: 0.45; - position: relative; - padding: 0 3px; -} -.block-gallery li:last-child { - margin-right: 0; -} -.block-gallery li .block-img { - height: 180px; -} -.block-gallery li:hover, -.block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; -} -/* End gallery section*/ - -/* Fat footer section */ - -.subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; -} -.subscribe-form .submit { - min-width: 100%; - max-width: 100%; -} -.top-footer { - color: #999999; -} -.top-footer .block-social li { - margin-right: 10px; -} -.top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; -} -.top-footer .block-social li:first-child a { - background: #175f9f; -} -.top-footer .block-social li:nth-child(2) a { - background: #00c6f8; -} -.top-footer .block-social li:nth-child(3) a { - background: #df0006; -} -.top-footer .block-social li:nth-child(4) a { - background: #ee322a; -} -.top-footer .block-social li:last-child a { - background: #3c59ef; -} -.insta-Feed li, -.insta-Feed li a { - padding: 0; - position: relative; - display: block; -} -.insta-Feed li:after, -.insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ""; - right: 0; - top: 0; -} -.insta-Feed li:before, -.insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ""; - right: 0; - bottom: 0; -} -.insta-Feed li:first-child, -.insta-Feed li:first-child a { - padding-left: 0; -} -.insta-Feed li:nth-child(3):after, -.insta-Feed li:nth-child(3) a:after, -.insta-Feed li:nth-child(6):after, -.insta-Feed li:nth-child(6) a:after { - content: none; -} -.insta-Feed li:nth-child(4):before, -.insta-Feed li:nth-child(4) a:before, -.insta-Feed li:nth-child(5):before, -.insta-Feed li:nth-child(5) a:before, -.insta-Feed li:nth-child(6):before, -.insta-Feed li:nth-child(6) a:before { - content: none; -} -.insta-Feed li img { - display: inline-block; - width: 100%; -} -.insta-Feed li a:hover, -.top-footer .block-social li a:hover { - opacity: 0.5; -} -.bottom-footer { - font-size: 12px; -} -.block-legal { - text-align: right; -} -.block-legal li { - display: inline-block; -} -.block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; -} -.block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; -} -.block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; -} -.block-legal li:last-child a:before { - content: none; -} -/* End fat footer section*/ - -/*Media queries*/ - -@media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } -} -@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px; - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } -} -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } -} -@media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100%; - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -@media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit { - width: 100%; - } - input[type="text"], - .registry-form .block-select { - max-width: 100%; - } - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } - - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } - - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } -} -/*End media queries*/ -.block-speaker .row, -.judges .row, -.schedule .row, -.clubs .row .col-sm-12, -.aboutdate .row { - display: flex; - justify-content: center; -} - -@media only screen and (max-width: 768px) { - .block-speaker .row, - .judges .row, - .schedule .row, - .clubs .row .col-sm-12, - .aboutdate .row { - display: block; - } -} diff --git a/.history/index_20210120004434.html b/.history/index_20210120004434.html deleted file mode 100644 index 4140051..0000000 --- a/.history/index_20210120004434.html +++ /dev/null @@ -1,866 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - November 9 and 10 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - College Of Engineering - Kidangoor, Kerala -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - -
    - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 30,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210120004842.html b/.history/index_20210120004842.html deleted file mode 100644 index 09d610e..0000000 --- a/.history/index_20210120004842.html +++ /dev/null @@ -1,865 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 30,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210120004959.html b/.history/index_20210120004959.html deleted file mode 100644 index bba65de..0000000 --- a/.history/index_20210120004959.html +++ /dev/null @@ -1,865 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 30,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210120005224.html b/.history/index_20210120005224.html deleted file mode 100644 index 550026f..0000000 --- a/.history/index_20210120005224.html +++ /dev/null @@ -1,865 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115514.html b/.history/index_20210127115514.html deleted file mode 100644 index 4be56f5..0000000 --- a/.history/index_20210127115514.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115521.html b/.history/index_20210127115521.html deleted file mode 100644 index a565e87..0000000 --- a/.history/index_20210127115521.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115527.html b/.history/index_20210127115527.html deleted file mode 100644 index ad817ee..0000000 --- a/.history/index_20210127115527.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115708.html b/.history/index_20210127115708.html deleted file mode 100644 index 1310bad..0000000 --- a/.history/index_20210127115708.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115715.html b/.history/index_20210127115715.html deleted file mode 100644 index ac8d896..0000000 --- a/.history/index_20210127115715.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127115725.html b/.history/index_20210127115725.html deleted file mode 100644 index 6c8b6a4..0000000 --- a/.history/index_20210127115725.html +++ /dev/null @@ -1,870 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120108.html b/.history/index_20210127120108.html deleted file mode 100644 index daa90ae..0000000 --- a/.history/index_20210127120108.html +++ /dev/null @@ -1,883 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120147.html b/.history/index_20210127120147.html deleted file mode 100644 index 08226b8..0000000 --- a/.history/index_20210127120147.html +++ /dev/null @@ -1,888 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120149.html b/.history/index_20210127120149.html deleted file mode 100644 index 08226b8..0000000 --- a/.history/index_20210127120149.html +++ /dev/null @@ -1,888 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120236.html b/.history/index_20210127120236.html deleted file mode 100644 index 90c4f85..0000000 --- a/.history/index_20210127120236.html +++ /dev/null @@ -1,894 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120319.html b/.history/index_20210127120319.html deleted file mode 100644 index 6b4c21b..0000000 --- a/.history/index_20210127120319.html +++ /dev/null @@ -1,900 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120350.html b/.history/index_20210127120350.html deleted file mode 100644 index 7314525..0000000 --- a/.history/index_20210127120350.html +++ /dev/null @@ -1,905 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120421.html b/.history/index_20210127120421.html deleted file mode 100644 index 0f4804b..0000000 --- a/.history/index_20210127120421.html +++ /dev/null @@ -1,909 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120521.html b/.history/index_20210127120521.html deleted file mode 100644 index 2463449..0000000 --- a/.history/index_20210127120521.html +++ /dev/null @@ -1,914 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120604.html b/.history/index_20210127120604.html deleted file mode 100644 index 42bd876..0000000 --- a/.history/index_20210127120604.html +++ /dev/null @@ -1,922 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120652.html b/.history/index_20210127120652.html deleted file mode 100644 index 7c7caaf..0000000 --- a/.history/index_20210127120652.html +++ /dev/null @@ -1,929 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120756.html b/.history/index_20210127120756.html deleted file mode 100644 index d8a0e1d..0000000 --- a/.history/index_20210127120756.html +++ /dev/null @@ -1,941 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120829.html b/.history/index_20210127120829.html deleted file mode 100644 index bc7b868..0000000 --- a/.history/index_20210127120829.html +++ /dev/null @@ -1,947 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127120855.html b/.history/index_20210127120855.html deleted file mode 100644 index 4cf640b..0000000 --- a/.history/index_20210127120855.html +++ /dev/null @@ -1,951 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121002.html b/.history/index_20210127121002.html deleted file mode 100644 index 382e296..0000000 --- a/.history/index_20210127121002.html +++ /dev/null @@ -1,963 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP. -

    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121003.html b/.history/index_20210127121003.html deleted file mode 100644 index 382e296..0000000 --- a/.history/index_20210127121003.html +++ /dev/null @@ -1,963 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP. -

    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121004.html b/.history/index_20210127121004.html deleted file mode 100644 index 6b65201..0000000 --- a/.history/index_20210127121004.html +++ /dev/null @@ -1,962 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121007.html b/.history/index_20210127121007.html deleted file mode 100644 index a9ca33b..0000000 --- a/.history/index_20210127121007.html +++ /dev/null @@ -1,962 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121008.html b/.history/index_20210127121008.html deleted file mode 100644 index a9ca33b..0000000 --- a/.history/index_20210127121008.html +++ /dev/null @@ -1,962 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127121122.html b/.history/index_20210127121122.html deleted file mode 100644 index 22f81ac..0000000 --- a/.history/index_20210127121122.html +++ /dev/null @@ -1,966 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    -

    Does it have any registration fees?

    -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    -

    When is this application deadline?

    -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    -

    How do I register for this event?

    -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    -

    What if I don't know how to code?

    -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    -

    Is building up past projects allowed?

    -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    -

    What are the prizes?

    -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    -

    Who is eligible to participate?

    -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    -

    I just graduated, can I still come to an event?

    -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    -

    What is a hackathon?

    -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    -

    What is MLH?

    -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    -

    Do I need to be in a team?

    -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    -

    What if we don't have an idea?

    -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    -

    How long can I code?

    -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    -

    Who are the judges?

    -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    -

    Why is there an application?

    -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    -

    Error 404! Question not found?

    -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127122719.html b/.history/index_20210127122719.html deleted file mode 100644 index 995fe61..0000000 --- a/.history/index_20210127122719.html +++ /dev/null @@ -1,966 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123019.html b/.history/index_20210127123019.html deleted file mode 100644 index b142b2a..0000000 --- a/.history/index_20210127123019.html +++ /dev/null @@ -1,966 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123048.html b/.history/index_20210127123048.html deleted file mode 100644 index 543882d..0000000 --- a/.history/index_20210127123048.html +++ /dev/null @@ -1,966 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123107.html b/.history/index_20210127123107.html deleted file mode 100644 index 016e1fe..0000000 --- a/.history/index_20210127123107.html +++ /dev/null @@ -1,968 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123110.html b/.history/index_20210127123110.html deleted file mode 100644 index 6093381..0000000 --- a/.history/index_20210127123110.html +++ /dev/null @@ -1,968 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123141.html b/.history/index_20210127123141.html deleted file mode 100644 index 5ebf9ec..0000000 --- a/.history/index_20210127123141.html +++ /dev/null @@ -1,970 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127123242.html b/.history/index_20210127123242.html deleted file mode 100644 index 11ac591..0000000 --- a/.history/index_20210127123242.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127130432.html b/.history/index_20210127130432.html deleted file mode 100644 index 5255788..0000000 --- a/.history/index_20210127130432.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - When is this application deadline? -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127130511.html b/.history/index_20210127130511.html deleted file mode 100644 index d96141d..0000000 --- a/.history/index_20210127130511.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - I just graduated, can I still come to an event? -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127130521.html b/.history/index_20210127130521.html deleted file mode 100644 index f2c6b3a..0000000 --- a/.history/index_20210127130521.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127131552.html b/.history/index_20210127131552.html deleted file mode 100644 index f2c6b3a..0000000 --- a/.history/index_20210127131552.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127131614.html b/.history/index_20210127131614.html deleted file mode 100644 index d40e6f4..0000000 --- a/.history/index_20210127131614.html +++ /dev/null @@ -1,971 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127141125.html b/.history/index_20210127141125.html deleted file mode 100644 index 70e3814..0000000 --- a/.history/index_20210127141125.html +++ /dev/null @@ -1,972 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/index_20210127141139.html b/.history/index_20210127141139.html deleted file mode 100644 index 0637d73..0000000 --- a/.history/index_20210127141139.html +++ /dev/null @@ -1,972 +0,0 @@ - - - - - - - - Meenachil / Meen Hacks V1 - - - - - - - - - - - - - - - - - - - -
    - -
    - -
    - -
    - - -
    - -
    - -
    -
      -
    • -
      - -
      -
      • -
    -
    - - -
    - -
    - -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - -
    - -
    - -
    - logo -

    MORE THAN A HACKATHON

    -

    Registrations are Open

    - Register Now -
    -
    - -
    - - - -
    - - -
    - -
    - -
    -
    - - - -

    About Meenachil / Meen Hacks V1

    -     -

    Meenachil / Meen Hacks V1 is a 24 Hour All India Level Hackathon hosted by the Technical Club/Communities of College of Engineering, Kidangoor. It is a sincere effort to provide a fruitful - experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We - wholeheartedly invite all the technophiles to this exciting Hackathon…

    -

    All activities are enforced with our
    -

    Code of Conduct
    -

    -
    -
    - -
    - - - -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    - DATE - February 14-28 -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - LOCATION - Online -

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - -

    - Problem Statements - Real World -

    -
    -
    - - -
    - -
    - - -
    - -
    - -
    -
    -

    ABOUT

    - -
    -
    - -
    - - -
    - -
    -
    -
    -

    ABOUT THE ORGANIZING COMMITTE

    - -

    College of Engineering, Kidangoor (CEK) is one among the premier institutions in the state. The college is governed by the Co-operative Academy of Professional Education established by the - Government of Kerala. The institution glistens with outstanding records in both academic and extracurricular fields backed by excellent faculty and full-fledged facilities - The whole Event is the collabration of all the Technical Clubs and Societies of the Institute. This includes the The Open Source Club, TinkerHub CEK, FOSS Club, Infin CEK, Coding Club, Mozilla Campus Club and - Developer Students Club. These Clubs themselves hold 80% of all the Technical Activities in the Institute and has played a vital role in developing the Students with technical Skills and helps increase - their Job Prospects and Future.

    -

    A WORD ON DIVERSITY

    -

    Meenachil Hacks is focused on Community Development and Diversity. We believe everyone should be given equal chance and none should be excluded rom technology. As a support to diversity, - there are special prizes and swags for Women Participants

    - -
    - -
    -
    - -
    - - - -
    - - - -
    - -
    - -
    -
    -

    Mentors

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - GitHub Campus Experts! - -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    - -
    -

    - The TinkerHub Foundation - Community -

    - -
    -
    -
    -
    -
    -
    - - -
    - -
    - -
    -
    -

    JUDGES

    -

    We are bringing you the perfect combination of content and experience to ignite your
    heart equip your mind and spark your skill.

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Prof. Ojus Thomas Lee - Head of Dept. CSE - College of Engineering Kidangoor -

    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - To be Declared - TBD -

    - -
    -
    -
    -
    -
    - -
    -
    - - - - -
    - -
    - -
    -
    -

    Workshops

    -

    Whats a Hackathon without a Workshop or Two?
    Learn Something New...

    -
    -
    - -
    - -
    -
    -
    -
    -
    -
    -
    -

    Make Faster Websites w/o Gatsby and GraphQL -

    By Akshay U

    -

    -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    -

    - Getting started with Microsoft Azure -

    By Abhijith Kannan

    -

    -
      -
      • -
      • -
      • -
    -
    -
    -
    -
    -
    -
    - - -
    - - - - - -
    - -
    - -
    -
      - -
    • -
      SCHEDULE OUTLINE 9 to 10 AUGUST 2019
      -
      - Nov 9th - DAY 1 -
      -

      1:00 PM - REGISTRATION

      -

      2:00 PM - OPENING CEREMONY

      -

      3:00 PM - HACKING BEGINS.....!!!!!

      -

      4:30 PM - TEA and SNACKS

      -

      7:00 PM - GAMES AND ACTIVITIES

      -

      8:30 PM - DINNER

      -

      12:15 AM - WORKSHOP

      -

      2:00 AM - BREAK(IF AWAKE)

      -
      -
      -
      - November 10th DAY 2 -
      -

      8:00 AM - BREAKFAST

      -

      9:00 AM - SWAGS AND PHOTOS

      -

      11:00 AM - WORKSHOP

      -

      12:30 PM - LUNCH

      -

      2:00 PM - PRESENTATIOSAND CLOSING CEREMONY

      -
      -
      -
      • -
    -
    -
    - -
    - - - - - - -
    - -
    - -
    -
    -

    Event Prizes

    -

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    -
    -
    - -
    - - -
    - -
    -
    -

    Important
    -

    -
    -
      -
    • -
      Teams can be of 3-5 Members
      -
      • -
    • -
      You Have to Register Online and Pay Online a Fee of 400Rs.
      -
      • -
    • -
      Bring What You Need.Laptops, ToothBrushes, Chargers, Cables, Clothes and a Geeky tshirt
      -
      • -
    • -
      We'll Provide a Tshirt, Food and Swags
      -
      • -
    - Register Now -
    -
    -
    -
    -
      -
    • -
        -
      • Rs10,000
        • -
      • FIRST PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Rs5,000
        • -
      • SECOND PRIZE
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromBalsamiq
        • -
      •       3 Monthsof Balsamiq Cloud
        • - -
      -
      • -
    -
    -
    -
      -
    • -
        -
      • Gifts fromCoding Blocks
        • -
      • Surprise Gifts
        • - -
      -
      • -
    -
    -
    -
    - -
    - -
    - - -
    - -
    - -
    -
    -

    Our Sponsors

    -

    For further info about sponsoring feel free to get in touch with us

    - Download Our Sponsorship Brochure Here -
    -
    - -
    - - -
    - -
    -
    -
    - - Title Sponsor -
    -
    - -
    - -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    - -
    -
    - - Coding Partner -
    -
    - -
    -
    - -
    - -
    -
    -
    -
    -
    - stickermule - Sticker Partner -
    -
    - Sketch -
    -
    - Yepdesk - Platform Sponsor -
    -
    -
    -    Workshop Partner -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - MSG91 - Messaging partner -
    -
    - -
    -
    -
    -
    - -
    - -
    -

    Frequently asked Questions

    -
    -
    -
    - -

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    -
    -
    - -

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance - information.

    -
    -
    - -

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project - submission. If you already have a team, make sure that all your team members apply as well.

    -
    -
    - -

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and - your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for - all participants. We do expect you to have a basic programming knowledge in one-language though

    -
    -
    - -

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past - projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative - and new for KU HackFest 2021

    -
    -
    - -

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot - more that await you in this hackathon.

    -
    -
    - -

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    -
    -
    - -

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After - that, there’s plenty of non-student hackathons that exist for you to consider attending.

    -
    -
    -
    -
    - -

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a - hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You - don't have to be a programmer, and you don't have to be a computer science major.

    -
    -
    - -

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long - invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 - students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of - technology leaders and entrepreneurs.

    -
    -
    - -

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t - worry, we will have a special team forming session before the event where you can find new teammates from around the - world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite - friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    -
    -
    - -

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to - other people. You can even collaborate on their concept with someone else if you want it.

    -
    -
    - -

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly - code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a - show

    -
    -
    - -

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    -
    -
    - -

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools - and - experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will - encourage our - participants to be committed to building something amazing.

    -
    -
    - -

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our - social - handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    -
    -
    - -
    -
    - - -
    -
    - -
    - -
    -
    -
    - - - - - -
    - -
    - -
    -
    -

    Our Clubs

    -

    The BackBone of the Whole Event

    -
    -
    - -
    - - -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/.history/js/faqs_20210127123207.js b/.history/js/faqs_20210127123207.js deleted file mode 100644 index e69de29..0000000 diff --git a/.history/js/faqs_20210127123214.js b/.history/js/faqs_20210127123214.js deleted file mode 100644 index 808f9c5..0000000 --- a/.history/js/faqs_20210127123214.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - this.classList.toggle("active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127123306.js b/.history/js/faqs_20210127123306.js deleted file mode 100644 index a33fe1a..0000000 --- a/.history/js/faqs_20210127123306.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); -console.log(coll); -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - this.classList.toggle("active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127123329.js b/.history/js/faqs_20210127123329.js deleted file mode 100644 index 808f9c5..0000000 --- a/.history/js/faqs_20210127123329.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - this.classList.toggle("active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127131437.js b/.history/js/faqs_20210127131437.js deleted file mode 100644 index 1ecbfe9..0000000 --- a/.history/js/faqs_20210127131437.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127131448.js b/.history/js/faqs_20210127131448.js deleted file mode 100644 index f948d47..0000000 --- a/.history/js/faqs_20210127131448.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127131914.js b/.history/js/faqs_20210127131914.js deleted file mode 100644 index f948d47..0000000 --- a/.history/js/faqs_20210127131914.js +++ /dev/null @@ -1,19 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127131922.js b/.history/js/faqs_20210127131922.js deleted file mode 100644 index f5d4506..0000000 --- a/.history/js/faqs_20210127131922.js +++ /dev/null @@ -1,20 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - console.log(content); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127132042.js b/.history/js/faqs_20210127132042.js deleted file mode 100644 index 835ba34..0000000 --- a/.history/js/faqs_20210127132042.js +++ /dev/null @@ -1,20 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127132131.js b/.history/js/faqs_20210127132131.js deleted file mode 100644 index 0e929bc..0000000 --- a/.history/js/faqs_20210127132131.js +++ /dev/null @@ -1,21 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127132158.js b/.history/js/faqs_20210127132158.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127132158.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127132707.js b/.history/js/faqs_20210127132707.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127132707.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127133909.js b/.history/js/faqs_20210127133909.js deleted file mode 100644 index 5c7a818..0000000 --- a/.history/js/faqs_20210127133909.js +++ /dev/null @@ -1,24 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127133943.js b/.history/js/faqs_20210127133943.js deleted file mode 100644 index 760b207..0000000 --- a/.history/js/faqs_20210127133943.js +++ /dev/null @@ -1,26 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134002.js b/.history/js/faqs_20210127134002.js deleted file mode 100644 index 6f04437..0000000 --- a/.history/js/faqs_20210127134002.js +++ /dev/null @@ -1,28 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - if (content.style.maxHeight === null) { - coll[j].nextElementSibling.classList.remove( - "faqs__content__active" - ); - } - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134207.js b/.history/js/faqs_20210127134207.js deleted file mode 100644 index d4f82c6..0000000 --- a/.history/js/faqs_20210127134207.js +++ /dev/null @@ -1,29 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - if (content.style.maxHeight === null) { - coll[j].nextElementSibling.classList.remove( - "faqs__content__active" - ); - } - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134221.js b/.history/js/faqs_20210127134221.js deleted file mode 100644 index ffdbfab..0000000 --- a/.history/js/faqs_20210127134221.js +++ /dev/null @@ -1,30 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - if (content.style.maxHeight === null) { - coll[j].nextElementSibling.classList.remove( - "faqs__content__active" - ); - } - content.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134309.js b/.history/js/faqs_20210127134309.js deleted file mode 100644 index 02d8d75..0000000 --- a/.history/js/faqs_20210127134309.js +++ /dev/null @@ -1,30 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - if (content.style.maxHeight === null) { - content.classList.remove("faqs__content__active"); - } - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - if (content.style.maxHeight === null) { - coll[j].nextElementSibling.classList.remove( - "faqs__content__active" - ); - } - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134328.js b/.history/js/faqs_20210127134328.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127134328.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134417.js b/.history/js/faqs_20210127134417.js deleted file mode 100644 index 1c855a8..0000000 --- a/.history/js/faqs_20210127134417.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active");, 200) - - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134419.js b/.history/js/faqs_20210127134419.js deleted file mode 100644 index fd7aa7f..0000000 --- a/.history/js/faqs_20210127134419.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active"), 200); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134442.js b/.history/js/faqs_20210127134442.js deleted file mode 100644 index bb3690f..0000000 --- a/.history/js/faqs_20210127134442.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active"), 2000); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134448.js b/.history/js/faqs_20210127134448.js deleted file mode 100644 index 35df7d7..0000000 --- a/.history/js/faqs_20210127134448.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active"), 20000); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134455.js b/.history/js/faqs_20210127134455.js deleted file mode 100644 index 86e7457..0000000 --- a/.history/js/faqs_20210127134455.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active"), 20000ms); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134500.js b/.history/js/faqs_20210127134500.js deleted file mode 100644 index 3559f3c..0000000 --- a/.history/js/faqs_20210127134500.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - // setTimeout(content.classList.remove("faqs__content__active")); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134503.js b/.history/js/faqs_20210127134503.js deleted file mode 100644 index 0517868..0000000 --- a/.history/js/faqs_20210127134503.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - // setTimeout(content.classList.remove("faqs__content__active")); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - // coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134514.js b/.history/js/faqs_20210127134514.js deleted file mode 100644 index dd9c02a..0000000 --- a/.history/js/faqs_20210127134514.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - setTimeout(content.classList.remove("faqs__content__active")); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134522.js b/.history/js/faqs_20210127134522.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127134522.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127134834.js b/.history/js/faqs_20210127134834.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127134834.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135144.js b/.history/js/faqs_20210127135144.js deleted file mode 100644 index 1466a14..0000000 --- a/.history/js/faqs_20210127135144.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(coll[j]); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135208.js b/.history/js/faqs_20210127135208.js deleted file mode 100644 index 752683f..0000000 --- a/.history/js/faqs_20210127135208.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(coll[i]); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135226.js b/.history/js/faqs_20210127135226.js deleted file mode 100644 index 05b0a42..0000000 --- a/.history/js/faqs_20210127135226.js +++ /dev/null @@ -1,22 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135342.js b/.history/js/faqs_20210127135342.js deleted file mode 100644 index 5ac2800..0000000 --- a/.history/js/faqs_20210127135342.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135519.js b/.history/js/faqs_20210127135519.js deleted file mode 100644 index e886bc9..0000000 --- a/.history/js/faqs_20210127135519.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135540.js b/.history/js/faqs_20210127135540.js deleted file mode 100644 index dea7634..0000000 --- a/.history/js/faqs_20210127135540.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes.i); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135557.js b/.history/js/faqs_20210127135557.js deleted file mode 100644 index 68bb0c8..0000000 --- a/.history/js/faqs_20210127135557.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes.classList.add("fa fas-minus")); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135613.js b/.history/js/faqs_20210127135613.js deleted file mode 100644 index f8ad742..0000000 --- a/.history/js/faqs_20210127135613.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes.class); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135620.js b/.history/js/faqs_20210127135620.js deleted file mode 100644 index e886bc9..0000000 --- a/.history/js/faqs_20210127135620.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135634.js b/.history/js/faqs_20210127135634.js deleted file mode 100644 index 071d1f3..0000000 --- a/.history/js/faqs_20210127135634.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes[i]); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135635.js b/.history/js/faqs_20210127135635.js deleted file mode 100644 index 497f73c..0000000 --- a/.history/js/faqs_20210127135635.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes[1]); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135654.js b/.history/js/faqs_20210127135654.js deleted file mode 100644 index fd4ec7c..0000000 --- a/.history/js/faqs_20210127135654.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes[1].classList.add("fa fas-minus")); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135812.js b/.history/js/faqs_20210127135812.js deleted file mode 100644 index 8aac9cf..0000000 --- a/.history/js/faqs_20210127135812.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - console.log(this.childNodes[1].className); - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135834.js b/.history/js/faqs_20210127135834.js deleted file mode 100644 index cd53cde..0000000 --- a/.history/js/faqs_20210127135834.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - this.childNodes[1].className = "fa fas-minus"; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127135926.js b/.history/js/faqs_20210127135926.js deleted file mode 100644 index a70ae8f..0000000 --- a/.history/js/faqs_20210127135926.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - this.childNodes[1].className = "fa fas-plus"; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140015.js b/.history/js/faqs_20210127140015.js deleted file mode 100644 index ccccc2a..0000000 --- a/.history/js/faqs_20210127140015.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fa fas-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140030.js b/.history/js/faqs_20210127140030.js deleted file mode 100644 index 9ec8146..0000000 --- a/.history/js/faqs_20210127140030.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].classList.add("fa fas-minus"); - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140043.js b/.history/js/faqs_20210127140043.js deleted file mode 100644 index ccccc2a..0000000 --- a/.history/js/faqs_20210127140043.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fa fas-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140059.js b/.history/js/faqs_20210127140059.js deleted file mode 100644 index 44380b8..0000000 --- a/.history/js/faqs_20210127140059.js +++ /dev/null @@ -1,23 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fas fa-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140116.js b/.history/js/faqs_20210127140116.js deleted file mode 100644 index e4ce9d1..0000000 --- a/.history/js/faqs_20210127140116.js +++ /dev/null @@ -1,24 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fas fa-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - this.childNodes[1].className = "fas fa-plus"; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140120.js b/.history/js/faqs_20210127140120.js deleted file mode 100644 index 9d211d9..0000000 --- a/.history/js/faqs_20210127140120.js +++ /dev/null @@ -1,25 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fas fa-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - this.childNodes[1].className = "fas fa-plus"; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - this.childNodes[1].className = "fas fa-plus"; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} diff --git a/.history/js/faqs_20210127140146.js b/.history/js/faqs_20210127140146.js deleted file mode 100644 index ee06d34..0000000 --- a/.history/js/faqs_20210127140146.js +++ /dev/null @@ -1,25 +0,0 @@ -var coll = document.getElementsByClassName("collapsible"); - -for (var i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function () { - // this.classList.toggle("faqs_active"); - var content = this.nextElementSibling; - content.classList.add("faqs__content__active"); - this.childNodes[1].className = "fas fa-minus"; - if (content.style.maxHeight != 0) { - content.style.maxHeight = null; - this.childNodes[1].className = "fas fa-plus"; - content.classList.remove("faqs__content__active"); - } else { - for (var j = 0; j < coll.length; ++j) { - if (coll[j].nextElementSibling.style.maxHeight != 0) { - coll[j].nextElementSibling.style.maxHeight = null; - coll[j].nextElementSibling.classList.remove("faqs__content__active"); - coll[j].childNodes[1].className = "fas fa-plus"; - break; - } - } - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -} From 1a74582c32697453daadceee58b98ff948b6cb0d Mon Sep 17 00:00:00 2001 From: Shivansh Gupta Date: Wed, 27 Jan 2021 14:58:29 +0530 Subject: [PATCH 4/4] css change --- css/main.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/css/main.css b/css/main.css index 1c1026a..06a84b1 100644 --- a/css/main.css +++ b/css/main.css @@ -901,7 +901,7 @@ select.error { .faqs__main { display: flex; text-align: left; - padding: 50px; + padding: 100px; justify-content: space-between; } @@ -910,7 +910,7 @@ select.error { } .collapsible { - background-color: #312e2e; + background-color: #292b38; color: #fff; width: 45rem; margin: auto; @@ -919,7 +919,7 @@ select.error { border: none; text-align: left; outline: none; - font-size: 25px; + font-size: 15px; display: flex; justify-content: space-between; align-items: center; @@ -937,9 +937,9 @@ select.error { margin: auto; margin-bottom: 10px; text-align: left; - font-size: 30px; + font-size: 10px; max-height: 0; - background-color: #312e2e; + background-color: #292b38; transition: max-height 0.2s ease-out; font-size: 1.1rem; width: 45rem; @@ -954,11 +954,11 @@ select.error { margin: auto; margin-bottom: 10px; text-align: left; - font-size: 30px; + font-size: 10px; max-height: 0; - background-color: #312e2e; + background-color: #292b38; transition: max-height 0.2s ease-out; - font-size: 1.1rem; + font-size: 1rem; width: 45rem; margin: auto; margin-bottom: 10px;