diff --git a/css/style.css b/css/style.css index ecfb836..3a15627 100644 --- a/css/style.css +++ b/css/style.css @@ -1,21 +1,21 @@ body, html { - margin: 0; - font-family: 'Open Sans', sans-serif; - background: #fff; - scroll-behavior: smooth; + margin: 0; + font-family: "Open Sans", sans-serif; + background: #fff; + scroll-behavior: smooth; } body a, .btn, button { - transition: 0.5s all; - -webkit-transition: 0.5s all; - -moz-transition: 0.5s all; - -o-transition: 0.5s all; - -ms-transition: 0.5s all; - text-decoration: none; - outline: none; + transition: 0.5s all; + -webkit-transition: 0.5s all; + -moz-transition: 0.5s all; + -o-transition: 0.5s all; + -ms-transition: 0.5s all; + text-decoration: none; + outline: none; } h1, @@ -24,219 +24,203 @@ h3, h4, h5, h6 { - margin: 0; - font-family: 'Open Sans', sans-serif; - font-weight: 300; - letter-spacing: 1px; + margin: 0; + font-family: "Open Sans", sans-serif; + font-weight: 300; + letter-spacing: 1px; } -sup { +sup { vertical-align: super; font-size: small; } p { - margin: 0; - color: #212529; - font-weight: 370; - font-size: 16px; - line-height: 1.9em; - letter-spacing: 1px; + margin: 0; + color: #212529; + font-weight: 370; + font-size: 16px; + line-height: 1.9em; + letter-spacing: 1px; } ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } ul { - list-style-type: none; + list-style-type: none; } body a:hover { - text-decoration: none; + text-decoration: none; } body a:focus { - outline: none; - text-decoration: none; + outline: none; + text-decoration: none; } body img { - border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; + border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; } .clr { - color: #fff; + color: #fff; } .video-info-img p { - color: #fff; + color: #fff; } header { - position: absolute; - width: 100%; - z-index: 99; - padding: 0 3em; + position: absolute; + width: 100%; + z-index: 99; + padding: 0 3em; } - .toggle-2, .toggle, -[id^=drop] { - display: none; +[id^="drop"] { + display: none; } - nav { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } - #logo a { - float: left; - display: initial; - font-weight: 300; - font-size: 36px; - letter-spacing: 1px; - color: #fff; - text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06); - padding: 0; - margin: 0; + float: left; + display: initial; + font-weight: 300; + font-size: 36px; + letter-spacing: 1px; + color: #fff; + text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06); + padding: 0; + margin: 0; } - - nav:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } - nav ul { - float: right; - padding: 0; - margin: 0; - list-style: none; - position: relative; + float: right; + padding: 0; + margin: 0; + list-style: none; + position: relative; } - nav ul li { - display: inline-block; - float: left; + display: inline-block; + float: left; } - nav a { - font-weight: 400; - margin: 0em 0.7em; - font-size: 0.9em; - font-weight: normal; - color: #fff; - padding: 0 6px; - letter-spacing: 2px; - display: inline-block; - transition: 0.5s all; - -webkit-transition: 0.5s all; - -moz-transition: 0.5s all; - -o-transition: 0.5s all; - -ms-transition: 0.5s all; + font-weight: 400; + margin: 0em 0.7em; + font-size: 0.9em; + font-weight: normal; + color: #fff; + padding: 0 6px; + letter-spacing: 2px; + display: inline-block; + transition: 0.5s all; + -webkit-transition: 0.5s all; + -moz-transition: 0.5s all; + -o-transition: 0.5s all; + -ms-transition: 0.5s all; } - nav ul li ul li:hover { - background: #f8f9fa; - transition: 0.5s all; - -webkit-transition: 0.5s all; - -moz-transition: 0.5s all; - -o-transition: 0.5s all; - -ms-transition: 0.5s all; + background: #f8f9fa; + transition: 0.5s all; + -webkit-transition: 0.5s all; + -moz-transition: 0.5s all; + -o-transition: 0.5s all; + -ms-transition: 0.5s all; } .menu li .drop-text:hover { - opacity: 0.9; + opacity: 0.9; } - - .menu li.active a, .menu li a:hover { - color: #DA6BDD; - transition: 0.5s all; - -webkit-transition: 0.5s all; - -moz-transition: 0.5s all; - -o-transition: 0.5s all; - -ms-transition: 0.5s all; + color: #da6bdd; + transition: 0.5s all; + -webkit-transition: 0.5s all; + -moz-transition: 0.5s all; + -o-transition: 0.5s all; + -ms-transition: 0.5s all; } nav ul ul { - display: none; - position: absolute; - top: 26px; - background: #fff; - padding: 12px 10px; - border-radius: 4px; - z-index: 9; - + display: none; + position: absolute; + top: 26px; + background: #fff; + padding: 12px 10px; + border-radius: 4px; + z-index: 9; } - nav ul li:hover > ul { - display: inherit; + display: inherit; } - nav ul ul li { - width: 170px; - float: none; - display: list-item; - position: relative; + width: 170px; + float: none; + display: list-item; + position: relative; } nav ul ul li a { - color: #777; - padding: 5px 10px; - display: block; - font-size: 14px; - letter-spacing: 1px; + color: #777; + padding: 5px 10px; + display: block; + font-size: 14px; + letter-spacing: 1px; } - nav ul ul ul li { - position: relative; - top: -60px; - - left: 170px; -} - + position: relative; + top: -60px; + left: 170px; +} li > a:only-child:after { - content: ''; + content: ""; } a.reqe-button { - border: 2px solid rgba(255, 255, 255, 0.35); - border-radius: 4px; + border: 2px solid rgba(255, 255, 255, 0.35); + border-radius: 4px; } /*TIMELINE*/ -#timeline {display: none;} +#timeline { + display: none; +} #timeline-d { display: flex; background-color: #000; font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.75; - } #timeline-d:hover .tl-item { width: 23.3333%; @@ -251,7 +235,8 @@ a.reqe-button { overflow: hidden; transition: width 0.5s ease; } -.tl-item-d:before, .tl-item-d:after { +.tl-item-d:before, +.tl-item-d:after { transform: translate3d(0, 0, 0); content: ""; position: absolute; @@ -261,14 +246,18 @@ a.reqe-button { height: 100%; } .tl-item-d:after { - background: rgba(137, 4, 163, 0.50); + background: rgba(137, 4, 163, 0.5); opacity: 0.8; -webkit-filter: blur(2px); filter: blur(2px); transition: opacity 0.5s ease; } .tl-item-d:before { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(137, 4, 163) 75%); + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(137, 4, 163) 75% + ); z-index: 1; opacity: 0; transform: translate3d(0, 0, 0) translateY(50%); @@ -297,16 +286,17 @@ a.reqe-button { transform: translate3d(0, 0, 0) translateY(25px); position: relative; z-index: 1; - color: #FFF; + color: #fff; text-align: center; margin: 0 1.618em; top: 55%; opacity: 0; } .tl-content-d.m1-d { - font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif; + font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, + sans-serif; text-transform: uppercase; - color: #FFF; + color: #fff; font-size: 1.44rem; font-weight: normal; } @@ -320,7 +310,8 @@ a.reqe-button { border-bottom: 1px solid #fff; } .tl-year-d p { - font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif; + font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, + sans-serif; font-size: 1.728rem; line-height: 0; } @@ -337,1348 +328,1310 @@ a.reqe-button { filter: grayscale(100%); } - /* Media Queries --------------------------------------------- */ -@media all and (max-width : 992px) { - - #logo { - display: block; - padding: 0; - width: 100%; - text-align: center; - float: none; - } - - nav ul li span { - color: #333; - } - - nav { - margin: 0; - } - - nav a { - color: #333; - } - - .toggle + a, - .menu { - display: none; - } - - - .toggle { - display: block; - padding: 5px 15px; - font-size: 20px; - text-decoration: none; - border: none; - float: right; - background-color: rgba(12, 13, 13, 0.27); - color: #fff; - margin-bottom: 0; - margin-top: 0.5em; - cursor: pointer !important; - } - - .menu .toggle { - float: none; - text-align: center; - margin: auto; - width: 30%; - padding: 5px; - font-weight: normal; - font-size: 15px; - letter-spacing: 1px; - } - - .toggle:hover { - opacity: 0.9; - } - - - [id^=drop]:checked + ul { - display: block; - background: #fff; - padding: 15px 0; - width: 100%; - text-align: center; - } - - - nav ul li { - display: block; - width: 100%; - padding: 7px 0; - } - - nav a { - padding: 5px 0; - } - - nav a:hover { - color: #333; - } - - .login-icon { - text-align: center; - } - - nav ul ul .toggle, - nav ul ul a { - padding: 0 40px; - } - - nav ul ul ul a { - padding: 0 80px; - } - - nav a:hover, - nav ul ul ul a { - background-color: transparent; - } - - nav ul li ul li .toggle, - nav ul ul a, - nav ul ul ul a { - padding: 14px 20px; - color: #FFF; - font-size: 17px; - } - - - nav ul li ul li .toggle, - nav ul ul a { - background-color: #fff; - } - - nav ul ul li a { - font-size: 15px; - } - - ul.inner-ul { - padding: 0 !important; - } - - - nav ul ul { - float: none; - position: static; - color: #ffffff; - - } - - nav ul ul li:hover > ul, - nav ul li:hover > ul { - display: none; - } - - - nav ul ul li { - display: block; - width: 100%; - padding: 0; - } - - nav ul ul ul li { - position: static; - - - } - -} - -@media all and (max-width :600px) { - - nav ul li { - display: block; - width: 94%; - } - - .menu .toggle { - float: none; - text-align: center; - margin: auto; - width: 80%; - padding: 5px; - font-weight: normal; - font-size: 15px; - letter-spacing: 1px; - } -} +@media all and (max-width: 992px) { + #logo { + display: block; + padding: 0; + width: 100%; + text-align: center; + float: none; + } -#demo { - margin: 10px 0 0px 0; - font-family: 'Lato', sans-serif; -} + nav ul li span { + color: #333; + } -#demo .wrapper { - display: inline-block; - position: relative; -} + nav { + margin: 0; + } -#demo .parent { - height: 100%; - width: 100%; + nav a { + color: #333; + } + + .toggle + a, + .menu { + display: none; + } + + .toggle { display: block; - cursor: pointer; - line-height: 30px; - height: 30px; + padding: 5px 15px; + font-size: 20px; + text-decoration: none; + border: none; + float: right; + background-color: rgba(12, 13, 13, 0.27); color: #fff; - z-index: 2; - position: relative; - -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear; - -webkit-transition-delay: .8s; + margin-bottom: 0; + margin-top: 0.5em; + cursor: pointer !important; + } + + .menu .toggle { + float: none; + text-align: center; + margin: auto; + width: 30%; + padding: 5px; + font-weight: normal; + font-size: 15px; + letter-spacing: 1px; + } + + .toggle:hover { + opacity: 0.9; + } + + [id^="drop"]:checked + ul { + display: block; + background: #fff; + padding: 15px 0; + width: 100%; + text-align: center; + } + + nav ul li { + display: block; + width: 100%; + padding: 7px 0; + } + + nav a { + padding: 5px 0; + } + + nav a:hover { + color: #333; + } + + .login-icon { text-align: center; - font-family: 'Lato', sans-serif; + } + + nav ul ul .toggle, + nav ul ul a { + padding: 0 40px; + } + + nav ul ul ul a { + padding: 0 80px; + } + + nav a:hover, + nav ul ul ul a { + background-color: transparent; + } + + nav ul li ul li .toggle, + nav ul ul a, + nav ul ul ul a { + padding: 14px 20px; color: #fff; - text-transform: capitalize; - font-weight: 500; + font-size: 17px; + } + + nav ul li ul li .toggle, + nav ul ul a { + background-color: #fff; + } + + nav ul ul li a { + font-size: 15px; + } + + ul.inner-ul { + padding: 0 !important; + } + + nav ul ul { + float: none; + position: static; + color: #ffffff; + } + + nav ul ul li:hover > ul, + nav ul li:hover > ul { + display: none; + } + + nav ul ul li { + display: block; + width: 100%; + padding: 0; + } + + nav ul ul ul li { + position: static; + } +} + +@media all and (max-width: 600px) { + nav ul li { + display: block; + width: 94%; + } + + .menu .toggle { + float: none; + text-align: center; + margin: auto; + width: 80%; + padding: 5px; + font-weight: normal; font-size: 15px; letter-spacing: 1px; - padding-left: 0; - padding-right: 0; + } +} + +#demo { + margin: 10px 0 0px 0; + font-family: "Lato", sans-serif; +} + +#demo .wrapper { + display: inline-block; + position: relative; +} + +#demo .parent { + height: 100%; + width: 100%; + display: block; + cursor: pointer; + line-height: 30px; + height: 30px; + color: #fff; + z-index: 2; + position: relative; + -webkit-transition: border-radius 0.1s linear, background 0.1s linear, + z-index 0s linear; + -webkit-transition-delay: 0.8s; + text-align: center; + font-family: "Lato", sans-serif; + color: #fff; + text-transform: capitalize; + font-weight: 500; + font-size: 15px; + letter-spacing: 1px; + padding-left: 0; + padding-right: 0; } #demo .parent:hover, #demo .content:hover ~ .parent { - -webkit-transition-delay: 0s, 0s, 0s; + -webkit-transition-delay: 0s, 0s, 0s; } #demo .content:hover ~ .parent { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - z-index: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + z-index: 0; } #demo .content { - position: absolute; - top: 0; - display: block; - z-index: 1; - height: 0; - width: 150px; - padding-top: 30px; - -webkit-transition: height .5s ease; - -webkit-transition-delay: .4s; + position: absolute; + top: 0; + display: block; + z-index: 1; + height: 0; + width: 150px; + padding-top: 30px; + -webkit-transition: height 0.5s ease; + -webkit-transition-delay: 0.4s; } #demo .wrapper:active .content { - height: 150px; - z-index: 3; - -webkit-transition-delay: 0s; + height: 150px; + z-index: 3; + -webkit-transition-delay: 0s; } #demo .content:hover { - height: 150px; - z-index: 3; - -webkit-transition-delay: 0s; + height: 150px; + z-index: 3; + -webkit-transition-delay: 0s; } - #demo .content ul { - background: #fff; - margin: 0; - padding: 0; - overflow: hidden; - height: 100%; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + background: #fff; + margin: 0; + padding: 0; + overflow: hidden; + height: 100%; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } #demo .content ul a { - text-decoration: none; - padding: 0; + text-decoration: none; + padding: 0; } #demo .content li:hover { - background: #f8f9fa; + background: #f8f9fa; } #demo .content li { - list-style: none; - text-align: left; - color: #999; - font-size: 16px; - line-height: 30px; - height: 40px; - line-height: 40px; - padding-left: 10px; - border-top: 1px solid #eee; + list-style: none; + text-align: left; + color: #999; + font-size: 16px; + line-height: 30px; + height: 40px; + line-height: 40px; + padding-left: 10px; + border-top: 1px solid #eee; } #demo .content li:last-of-type { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } - p.hit3pvt-phone { - color: #fff; - font-size: 1em; - font-weight: 600; - margin-left: 5em; + color: #fff; + font-size: 1em; + font-weight: 600; + margin-left: 5em; } - .main-content { - background: url(../images/banner-new.jpg) center no-repeat; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - -ms-background-size: cover; - background-size: cover; - position: relative; - min-height: 35em; + background: url(../images/banner-new.jpg) center no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + -ms-background-size: cover; + background-size: cover; + position: relative; + min-height: 35em; } .main-content1 { - background: #38263D; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - -ms-background-size: cover; - background-size: cover; - position: relative; - min-height: 5.5em; + background: #38263d; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + -ms-background-size: cover; + background-size: cover; + position: relative; + min-height: 5.5em; } .main-content.inner { - background: url(../images/purple-gradient.png) center no-repeat; - min-height: 20em; + background: url(../images/purple-gradient.png) center no-repeat; + min-height: 20em; } .main-content.nav { - min-height: 5em; + min-height: 5em; } .banner-content-hit3pvt { - padding-top: 17em; + padding-top: 17em; } .banner-lore-info h3 { - font-size: 2.7em; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); - font-weight: 300; - margin: 1em 0; - line-height: 1.5em; + font-size: 2.7em; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); + font-weight: 300; + margin: 1em 0; + line-height: 1.5em; } .banner-lore-info { - width: 50%; - margin: 0 auto; + width: 50%; + margin: 0 auto; } form.banner-form { - background: #fff; - padding: 0.5em; - border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - box-shadow: 0 12px 60px rgba(0, 0, 0, .2); - -webkit-box-shadow: 0 12px 60px rgba(0, 0, 0, .2); - -o-box-shadow: 0 12px 60px rgba(0, 0, 0, .2); - -moz-box-shadow: 0 12px 60px rgba(0, 0, 0, .2); - -ms-box-shadow: 0 12px 60px rgba(0, 0, 0, .2); - display: flex; - width: 60%; - margin: 0 auto; + background: #fff; + padding: 0.5em; + border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2); + -o-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2); + -ms-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2); + display: flex; + width: 60%; + margin: 0 auto; } .banner-form input[type="email"] { - outline: none; - padding: 7px 15px; - color: #666; - font-size: 15px; - width: 68%; - background: transparent; - border: none; - letter-spacing: 2px; + outline: none; + padding: 7px 15px; + color: #666; + font-size: 15px; + width: 68%; + background: transparent; + border: none; + letter-spacing: 2px; } .banner-form button.btn, a.btn.btn-course { - color: #fff; - border: none; - padding: 8px 15px; - text-decoration: none; - background: #229CC9; - float: right; - cursor: pointer; - width: 37%; - border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - font-weight: 400; - letter-spacing: 1px; - font-size: 1em; + color: #fff; + border: none; + padding: 8px 15px; + text-decoration: none; + background: #229cc9; + float: right; + cursor: pointer; + width: 37%; + border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + font-weight: 400; + letter-spacing: 1px; + font-size: 1em; } a.btn.btn-course { - width: 100%; + width: 100%; } .banner-form button.btn:hover, a.btn.btn-course:hover { - opacity: 0.9; - + opacity: 0.9; } .lead { - font-size: 1.25rem; - font-weight: 400; - color: #333; + font-size: 1.25rem; + font-weight: 400; + color: #333; } - - .tittle-lore, .tittle-lore.two { - color: #fff; - font-size: 2.7em; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); + color: #fff; + font-size: 2.7em; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); } .tittle-lore.two { - color: #333; + color: #333; } .entry-hit3pvt-main { - background-color: #ecf0f1; + background-color: #ecf0f1; } .entry-lore-info h4 { - color: #444; - font-size: 1.8em; - text-align: left; - letter-spacing: 1px; - margin-bottom: .7em; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); + color: #444; + font-size: 1.8em; + text-align: left; + letter-spacing: 1px; + margin-bottom: 0.7em; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); } .content-left-bottom h5 { - color: #229CC9; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); - font-size: 1.5em; + color: #229cc9; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); + font-size: 1.5em; } .content-hit3pvt-img { - padding: 0 5em; + padding: 0 5em; } .team-content { - background: #f7f7f7; + background: #f7f7f7; } .team-info { - background: #fff; - padding: 2em; - text-align: left; + background: #fff; + padding: 2em; + text-align: left; } .team-info h4 { - color: #333; - font-size: 1.4em; - letter-spacing: 1px; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); + color: #333; + font-size: 1.4em; + letter-spacing: 1px; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); } .team-info small { - color: #229CC9; - margin-bottom: .7em; - font-size: 1em; - letter-spacing: 1px; + color: #229cc9; + margin-bottom: 0.7em; + font-size: 1em; + letter-spacing: 1px; } .team-info p { - margin-top: 0.8em; + margin-top: 0.8em; } - .content-hit3pvt-img img { - border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; + border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; } .last-content { - background: url(../images/banner-join-us.jpg) center no-repeat; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - -ms-background-size: cover; - background-size: cover; - position: relative; + background: url(../images/banner-join-us.jpg) center no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + -ms-background-size: cover; + background-size: cover; + position: relative; } .last-content p { - color: #fff; + color: #fff; } .buttons a { - color: #229CC9; - padding: 0.7em 1.5em; - text-decoration: none; - background: #fff; - border-radius: 0px; - font-size: 0.9em; - display: inline-block; - border: none; - transition: all 500ms ease; - text-align: justify; - font-weight: 600; - letter-spacing: 1px; - border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; + color: #229cc9; + padding: 0.7em 1.5em; + text-decoration: none; + background: #fff; + border-radius: 0px; + font-size: 0.9em; + display: inline-block; + border: none; + transition: all 500ms ease; + text-align: justify; + font-weight: 600; + letter-spacing: 1px; + border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; } - .testimonials { - background: url(../images/banner-join-us.jpg) center no-repeat; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - -ms-background-size: cover; - background-size: cover; - position: relative; + background: url(../images/banner-join-us.jpg) center no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + -ms-background-size: cover; + background-size: cover; + position: relative; } .testi_grid { - padding: 0 3em; + padding: 0 3em; } .testi_grid img { - border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; + border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; } .testi_grid h5 { - font-size: 0.9em; - letter-spacing: 2px; - color: white; - margin: 1em 0 0em 0; - font-weight: 600; + font-size: 0.9em; + letter-spacing: 2px; + color: white; + margin: 1em 0 0em 0; + font-weight: 600; } .testimonials_grid span { - color: #fff; - font-size: 2em; + color: #fff; + font-size: 2em; } p.sub-test { - color: #fff; - font-style: italic; - font-weight: 500; - margin: 2em 0; + color: #fff; + font-style: italic; + font-weight: 500; + margin: 2em 0; } .form-group label { - letter-spacing: 1px; - font-size: 15px; - color: #777879; - font-weight: 600; - font-family: 'Open Sans', sans-serif; - margin-bottom: 1em; + letter-spacing: 1px; + font-size: 15px; + color: #777879; + font-weight: 600; + font-family: "Open Sans", sans-serif; + margin-bottom: 1em; } .hit3pvt_mail_grid_right { - padding: 1em 2em; + padding: 1em 2em; } .hit3pvt_mail_grid_right input[type="text"], .hit3pvt_mail_grid_right input[type="email"], .hit3pvt_mail_grid_right textarea, .hit3pvt_mail_grid_right select { - display: block; - width: 100%; - padding: 0.6rem 1rem; - font-size: 1rem; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + display: block; + width: 100%; + padding: 0.6rem 1rem; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } select.form-control:not([size]):not([multiple]) { - height: inherit; + height: inherit; } .hit3pvt_mail_grid_right textarea { - min-height: 180px; - width: 100% !important; - resize: none; + min-height: 180px; + width: 100% !important; + resize: none; } button.btn.submit { - color: #fff; - border: none; - padding: 1em 3em; - text-decoration: none; - background: #229CC9; - cursor: pointer; - border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - font-weight: 400; - letter-spacing: 2px; - font-size: 1em; - text-transform: uppercase; + color: #fff; + border: none; + padding: 1em 3em; + text-decoration: none; + background: #229cc9; + cursor: pointer; + border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + font-weight: 400; + letter-spacing: 2px; + font-size: 1em; + text-transform: uppercase; } button.btn.submit:hover { - opacity: 0.9; + opacity: 0.9; } - [type="date"] { - background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat; + background: #fff + url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) + 97% 50% no-repeat; } [type="date"]::-webkit-inner-spin-button { - display: none; + display: none; } [type="date"]::-webkit-calendar-picker-indicator { - opacity: 0; + opacity: 0; } .date-plu input { - border: none; - color: #555; - letter-spacing: 1px; - font-size: 15px; - padding: 12px 15px; - width: 100%; - border: none; - background: #ddd; + border: none; + color: #555; + letter-spacing: 1px; + font-size: 15px; + padding: 12px 15px; + width: 100%; + border: none; + background: #ddd; } - .counter.two { - border-left: 1px solid #c3c5c6; - border-right: 1px solid #c3c5c6; + border-left: 1px solid #c3c5c6; + border-right: 1px solid #c3c5c6; } - .content-sing-lore h4 { - color: #555; - font-size: 1.4em; - margin: 1em 0; - letter-spacing: 2px; - font-weight: 600; + color: #555; + font-size: 1.4em; + margin: 1em 0; + letter-spacing: 2px; + font-weight: 600; } h4.leave-lore { - font-size: 1.4em; - color: #4f5152; - font-weight: 600; - letter-spacing: 2px; - margin-bottom: 2em; + font-size: 1.4em; + color: #4f5152; + font-weight: 600; + letter-spacing: 2px; + margin-bottom: 2em; } .media h5 { - font-size: 1em; - color: #555; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 2em; + font-size: 1em; + color: #555; + font-weight: 600; + letter-spacing: 1px; + margin-bottom: 2em; } .adress-info span { - color: #46484c; - font-size: 2em; - vertical-align: middle; + color: #46484c; + font-size: 2em; + vertical-align: middle; } .adress-info h6 { - font-size: 0.9em; - color: #4f5152; - font-weight: 600; - letter-spacing: 2px; - margin-bottom: 10px; - text-transform: uppercase; + font-size: 0.9em; + color: #4f5152; + font-weight: 600; + letter-spacing: 2px; + margin-bottom: 10px; + text-transform: uppercase; } .adress-info a { - font-size: 0.85em; + font-size: 0.85em; } .adress-info a, .adress-info p { - color: #5a646b; - letter-spacing: 1px; - line-height: 1.9em; - margin: 0; + color: #5a646b; + letter-spacing: 1px; + line-height: 1.9em; + margin: 0; } .map-fo iframe { - min-height: 350px; - border: none; - background: #e8eaec; - padding: 0.4em; - width: 100%; + min-height: 350px; + border: none; + background: #e8eaec; + padding: 0.4em; + width: 100%; } - footer { - background: url(../images/footer.jpg) no-repeat bottom; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - -moz-background-size: cover; + background: url(../images/footer.jpg) no-repeat bottom; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + -moz-background-size: cover; } p.footer-para { - max-width: 650px; - font-size: 15px; + max-width: 650px; + font-size: 15px; } - .logo2 { - position: relative; + position: relative; } .logo2 a { - font-size: 1.1em; - font-weight: 300; - color: #e8ebef; - letter-spacing: 2px; + font-size: 1.1em; + font-weight: 300; + color: #e8ebef; + letter-spacing: 2px; } .logo2 a span.fa { - color: #e8cd30; + color: #e8cd30; } - - footer { - background: #191818; + background: #191818; } .footer-hit3pvt-copy-social ul li, .contact-left-footer ul li { - display: inline-block; + display: inline-block; } .footer-hit3pvt-copy-social ul li a { - color: #333; - text-align: center; + color: #333; + text-align: center; } .footer-hit3pvt-copy-social ul li a span { - width: 20px; - font-size: 20px; - color: #666; - transition: 0.5s all; - -webkit-transition: 0.5s all; - -moz-transition: 0.5s all; - -o-transition: 0.5s all; - -ms-transition: 0.5s all; + width: 20px; + font-size: 20px; + color: #666; + transition: 0.5s all; + -webkit-transition: 0.5s all; + -moz-transition: 0.5s all; + -o-transition: 0.5s all; + -ms-transition: 0.5s all; } .footer-hit3pvt-copy-social ul li a:hover { - opacity: 0.8; - + opacity: 0.8; } .contact-left-footer ul li p span { - color: #229CC9; + color: #229cc9; } .contact-left-footer ul li p a, .contact-left-footer ul li p { - color: #707579; - font-size: 16px; + color: #707579; + font-size: 16px; } - .lore-copy p { - letter-spacing: 1px; + letter-spacing: 1px; } .lore-copy p a { - color: #aaa; + color: #aaa; } - a.move-top span { - color: #fff; - width: 34px; - height: 34px; - border: transparent; - line-height: 1.9em; - background: #2c2c2c; - border-radius: 4px; - -webkit-border-radius: 4px; - -o-border-radius: 4px; - -moz-border-radius: 4px; + color: #fff; + width: 34px; + height: 34px; + border: transparent; + line-height: 1.9em; + background: #2c2c2c; + border-radius: 4px; + -webkit-border-radius: 4px; + -o-border-radius: 4px; + -moz-border-radius: 4px; } -.myCard{ - box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); +.myCard { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } -.boombam1{ - display: none; +.boombam1 { + display: none; } -#hideIt{ - display: none; +#hideIt, +#hidePast { + display: none; } -.btn11{ - padding: 10px; - border-radius: 10px; +.btn11 { + padding: 10px; + border-radius: 10px; } -.img-logo{ - width: 200px; - +.img-logo { + width: 200px; } -.logo-abc{ - width: 200px !important; - display: inline-block !important; +.logo-abc { + width: 200px !important; + display: inline-block !important; } -.imgSize{ - width: 10%; +.imgSize { + width: 10%; } -@media(max-width:1366px) { - .main-content { - min-height: 45em; - } +@media (max-width: 1366px) { + .main-content { + min-height: 45em; + } - .banner-lore-info h3 { - font-size: 2.5em; - } + .banner-lore-info h3 { + font-size: 2.5em; + } - .entry-lore-info h4 { - font-size: 1.8em; - } + .entry-lore-info h4 { + font-size: 1.8em; + } } -@media(max-width:1280px) { - .main-content { - min-height: 41em; - } +@media (max-width: 1280px) { + .main-content { + min-height: 41em; + } - .banner-lore-info { - width: 60%; - margin: 0 auto; - } + .banner-lore-info { + width: 60%; + margin: 0 auto; + } - .banner-content-hit3pvt { - padding-top: 14em; - } + .banner-content-hit3pvt { + padding-top: 14em; + } - .banner-lore-info h3 { - font-size: 2.4em; - } + .banner-lore-info h3 { + font-size: 2.4em; + } - .tittle-lore, - .tittle-lore.two { - font-size: 2.5em; - } + .tittle-lore, + .tittle-lore.two { + font-size: 2.5em; + } - ul.menu li a { - margin: 0 0.5em; - } + ul.menu li a { + margin: 0 0.5em; + } } -@media(max-width:1080px) { - .banner-lore-info { - width: 65%; - margin: 0 auto; - } - - .main-content { - min-height: 38em; - } +@media (max-width: 1080px) { + .banner-lore-info { + width: 65%; + margin: 0 auto; + } - .banner-content-hit3pvt { - padding-top: 13em; - } + .main-content { + min-height: 38em; + } - ul.menu li a { - margin: 0 0.3em; - } + .banner-content-hit3pvt { + padding-top: 13em; + } - p.hit3pvt-phone { + ul.menu li a { + margin: 0 0.3em; + } - margin-left: 3em; - } + p.hit3pvt-phone { + margin-left: 3em; + } } -@media(max-width:1050px) { - .nav_hit3pvt nav a { - margin: 0em 0.5em; - } +@media (max-width: 1050px) { + .nav_hit3pvt nav a { + margin: 0em 0.5em; + } - .content-hit3pvt-img { - padding: 0 3em; - } - - .main-content.inner { - min-height: 13em; - } + .content-hit3pvt-img { + padding: 0 3em; + } - .entry-lore-info h4 { - font-size: 1.6em; - } + .main-content.inner { + min-height: 13em; + } + .entry-lore-info h4 { + font-size: 1.6em; + } } -@media(max-width:1024px) { - form.banner-form { - width: 82%; - margin: 0 auto; - } - - .team-info small { - font-size: 0.9em; - } - .imgSize{ - width: 15%; - } - - +@media (max-width: 1024px) { + form.banner-form { + width: 82%; + margin: 0 auto; + } + .team-info small { + font-size: 0.9em; + } + .imgSize { + width: 15%; + } } -@media(max-width:991px) { - .content-left-bottom.entry-lore-info. { - margin-top: 1em; - } +@media (max-width: 991px) { + .content-left-bottom.entry-lore-info. { + margin-top: 1em; + } - .team-main { - float: left; - width: 50%; - margin-bottom: 1em; - } + .team-main { + float: left; + width: 50%; + margin-bottom: 1em; + } - .content-hit3pvt-img { - padding: 0 1em; - } + .content-hit3pvt-img { + padding: 0 1em; + } - .content-left-bottom.entry-lore-info { - margin-top: 2em; - } + .content-left-bottom.entry-lore-info { + margin-top: 2em; + } - .team-main { - margin: 0 auto; - width: 60%; - margin-top: 1em; - } + .team-main { + margin: 0 auto; + width: 60%; + margin-top: 1em; + } - .content-hit3pvt-img { - padding: 1em 2em; - } + .content-hit3pvt-img { + padding: 1em 2em; + } - .item { - float: left; - width: 50%; - } + .item { + float: left; + width: 50%; + } - p.hit3pvt-phone { - color: #4a4848; - } + p.hit3pvt-phone { + color: #4a4848; + } - .comment-bottom.hit3pvt_mail_grid-img { - margin-top: 1.5em; - } + .comment-bottom.hit3pvt_mail_grid-img { + margin-top: 1.5em; + } - p.hit3pvt-phone { - margin-left: 0em; - } + p.hit3pvt-phone { + margin-left: 0em; + } } -@media(max-width:900px) { +@media (max-width: 900px) { + .banner-lore-info h3 { + font-size: 2.2em; + } - .banner-lore-info h3 { - font-size: 2.2em; - } + .main-content { + min-height: 32em; + } - .main-content { - min-height: 32em; - } + .banner-content-hit3pvt { + padding-top: 10em; + } - .banner-content-hit3pvt { - padding-top: 10em; - } - - .content-hit3pvt-img { - padding: 2em 2em; - } - .img-logo{ - width: 200px; - - } - .logo-abc{ - width: 200px !important; - display: inline-block !important; - } + .content-hit3pvt-img { + padding: 2em 2em; + } + .img-logo { + width: 200px; + } + .logo-abc { + width: 200px !important; + display: inline-block !important; + } } -@media(max-width:768px) { +@media (max-width: 768px) { + .tittle-lore, + .tittle-lore.two { + font-size: 2.3em; + } - .tittle-lore, - .tittle-lore.two { - font-size: 2.3em; - } + .testi_grid { + padding: 0 1em; + } - .testi_grid { - padding: 0 1em; - } - - header { - padding: 0 1em; - } - .clrd{ - background-color: #ECF0F1; -} -.img-logo{ + header { + padding: 0 1em; + } + .clrd { + background-color: #ecf0f1; + } + .img-logo { width: 200px; - -} -.logo-abc{ + } + .logo-abc { width: 200px !important; display: inline-block !important; -} -.imgSize{ + } + .imgSize { width: 35%; /* border-radius: 50%; */ -} -.new-h2{ + } + .new-h2 { font-size: 25px; font-weight: 400; line-height: 1.6; -} -.mypad{ - padding:0px !important; -} + } + .mypad { + padding: 0px !important; + } - -/*TIMELINE-MOBILE*/ -#timeline-d {display: none;} -.tl-content-d {display: none;} -#timeline { - display: flex; - flex-direction: column; - background-color: #000; - font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif; - font-size: 16px; - line-height: 1.75; -} -#timeline:hover .tl-item { - width: 100%; -} -.tl-item { - transform: translate3d(0, 0, 0); - position: relative; - width: 100%; - height: 50vh; - color: #fff; - overflow: hidden; - transition: width 0.5s ease; - -} -.tl-item:before, .tl-item:after { - transform: translate3d(0, 0, 0); - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; -} -.tl-item:after { - background: rgba(137, 4, 163, 0.50); - opacity: 0.8; - -webkit-filter: blur(2px); - filter: blur(2px); - transition: opacity 0.5s ease; -} -.tl-item:before { - background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(137, 4, 163) 75%); - z-index: 1; - opacity: 0; - transform: translate3d(0, 0, 0) translateY(50%); - transition: opacity 0.5s ease, transform 0.5s ease; -} -.tl-item:hover { - width: 30%; -} -.tl-item:hover:after { - opacity: 0; -} -.tl-item:hover:before { - opacity: 1; - transform: translate3d(0, 0, 0) translateY(0); - transition: opacity 1s ease, transform 1s ease 0.25s; -} -.tl-item:hover .tl-content { - opacity: 1; - transform: translateY(0); - transition: all 0.75s ease 0.5s; -} -.tl-item:hover .tl-bg { - filter: grayscale(0); -} -.tl-content { - transform: translate3d(0, 0, 0) translateY(25px); - position: relative; - z-index: 1; - color: #FFF; - text-align: left; - max-width: 50%; - margin: 0 1.618em; - top: 20%; - opacity: 0; -} -.tl-content.m1 { - font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif; - text-transform: uppercase; - color: #FFF; - font-size: 1.44rem; - font-weight: normal; - text-align: left; - margin-left: 0; -} -.tl-year { - position: absolute; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); - z-index: 1; - border-top: 1px solid #fff; - border-bottom: 1px solid #fff; -} -.tl-year p { - font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif; - font-size: 1.0rem; - line-height: 0; + /*TIMELINE-MOBILE*/ + #timeline-d { + display: none; + } + .tl-content-d { + display: none; + } + #timeline { + display: flex; + flex-direction: column; + background-color: #000; + font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.75; + } + #timeline:hover .tl-item { + width: 100%; + } + .tl-item { + transform: translate3d(0, 0, 0); + position: relative; + width: 100%; + height: 50vh; + color: #fff; + overflow: hidden; + transition: width 0.5s ease; + } + .tl-item:before, + .tl-item:after { + transform: translate3d(0, 0, 0); + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + } + .tl-item:after { + background: rgba(137, 4, 163, 0.5); + opacity: 0.8; + -webkit-filter: blur(2px); + filter: blur(2px); + transition: opacity 0.5s ease; + } + .tl-item:before { + background: linear-gradient( + to left, + rgba(0, 0, 0, 0) 0%, + rgba(137, 4, 163) 75% + ); + z-index: 1; + opacity: 0; + transform: translate3d(0, 0, 0) translateY(50%); + transition: opacity 0.5s ease, transform 0.5s ease; + } + .tl-item:hover { + width: 30%; + } + .tl-item:hover:after { + opacity: 0; + } + .tl-item:hover:before { + opacity: 1; + transform: translate3d(0, 0, 0) translateY(0); + transition: opacity 1s ease, transform 1s ease 0.25s; + } + .tl-item:hover .tl-content { + opacity: 1; + transform: translateY(0); + transition: all 0.75s ease 0.5s; + } + .tl-item:hover .tl-bg { + filter: grayscale(0); + } + .tl-content { + transform: translate3d(0, 0, 0) translateY(25px); + position: relative; + z-index: 1; + color: #fff; + text-align: left; + max-width: 50%; + margin: 0 1.618em; + top: 20%; + opacity: 0; + } + .tl-content.m1 { + font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, + sans-serif; + text-transform: uppercase; + color: #fff; + font-size: 1.44rem; + font-weight: normal; + text-align: left; + margin-left: 0; + } + .tl-year { + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + z-index: 1; + border-top: 1px solid #fff; + border-bottom: 1px solid #fff; + } + .tl-year p { + font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, + sans-serif; + font-size: 1rem; + line-height: 0; + } + .tl-bg { + transform: translate3d(0, 0, 0); + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-size: cover; + background-position: center center; + transition: filter 0.5s ease; + filter: grayscale(100%); + } } -.tl-bg { - transform: translate3d(0, 0, 0); - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-size: cover; - background-position: center center; - transition: filter 0.5s ease; - filter: grayscale(100%); -} -} - -@media(max-width:736px) { - .banner-lore-info { - width: 84%; - margin: 0 auto; - } - - .adress-icon { - margin: 2em 0 1em 0; - } - .team-info h4 { - font-size: 1.2em; - } - .clrd{ - background-color: #ECF0F1; - } - .boombam{ - display: none; - } - .boombam1{ - margin-top: 10px; - display: inline-block; - } - .img-logo{ - width: 200px; - - } - .logo-abc{ - width: 200px !important; - display: inline-block !important; - } -} +@media (max-width: 736px) { + .banner-lore-info { + width: 84%; + margin: 0 auto; + } -@media(max-width:667px) { + .adress-icon { + margin: 2em 0 1em 0; + } - .banner-lore-info h3 { - font-size: 2em; - } + .team-info h4 { + font-size: 1.2em; + } + .clrd { + background-color: #ecf0f1; + } + .boombam { + display: none; + } + .boombam1 { + margin-top: 10px; + display: inline-block; + } + .img-logo { + width: 200px; + } + .logo-abc { + width: 200px !important; + display: inline-block !important; + } +} - .main-content { - min-height: 30em; - } +@media (max-width: 667px) { + .banner-lore-info h3 { + font-size: 2em; + } - .tittle-lore, - .tittle-lore.two { - font-size: 2em; - } + .main-content { + min-height: 30em; + } - .item { - float: left; - width: 80%; - margin: 0 auto; - } + .tittle-lore, + .tittle-lore.two { + font-size: 2em; + } - .main-content.inner { - min-height: 20em; - } + .item { + float: left; + width: 80%; + margin: 0 auto; + } - .entry-lore-info h4 { - font-size: 1.5em; - } - .clrd{ - background-color: #ECF0F1; - } - .img-logo{ - width:"100px"; - } + .main-content.inner { + min-height: 20em; + } + .entry-lore-info h4 { + font-size: 1.5em; + } + .clrd { + background-color: #ecf0f1; + } + .img-logo { + width: "100px"; + } } -@media(max-width:640px) { - - .team-main { - margin: 0 auto; - width: 90%; - margin-top: 1em; - } +@media (max-width: 640px) { + .team-main { + margin: 0 auto; + width: 90%; + margin-top: 1em; + } } -@media(max-width:600px) { - - .banner-lore-info { - width: 95%; - margin: 0 auto; - } - - .banner-content-hit3pvt { - padding-top: 7em; - } - - .main-content { - min-height: 26em; - } +@media (max-width: 600px) { + .banner-lore-info { + width: 95%; + margin: 0 auto; + } - .item { - float: left; - width: 90%; - margin: 0 auto; - } + .banner-content-hit3pvt { + padding-top: 7em; + } - form.banner-form { - width: 90%; - margin: 0 auto; - } + .main-content { + min-height: 26em; + } + .item { + float: left; + width: 90%; + margin: 0 auto; + } + form.banner-form { + width: 90%; + margin: 0 auto; + } } -@media(max-width:480px) { - - .counter.two { - border-left: 1px solid #c3c5c6; - border-right: 1px solid #c3c5c6; - margin: 1em 0; - } +@media (max-width: 480px) { + .counter.two { + border-left: 1px solid #c3c5c6; + border-right: 1px solid #c3c5c6; + margin: 1em 0; + } } -@media(max-width:480px) { - .banner-lore-info h3 { - font-size: 1.7em; - } +@media (max-width: 480px) { + .banner-lore-info h3 { + font-size: 1.7em; + } - .main-content { - min-height: 24em; - } + .main-content { + min-height: 24em; + } - .entry-lore-info h4 { - font-size: 1.4em; - } + .entry-lore-info h4 { + font-size: 1.4em; + } - .tittle-lore, - .tittle-lore.two { - font-size: 1.8em; - } + .tittle-lore, + .tittle-lore.two { + font-size: 1.8em; + } } -@media(max-width:414px) { - - .banner-form input[type="email"] { - padding: 7px 10px; - font-size: 15px; - width: 54%; - letter-spacing: 1px; - } +@media (max-width: 414px) { + .banner-form input[type="email"] { + padding: 7px 10px; + font-size: 15px; + width: 54%; + letter-spacing: 1px; + } - .banner-form button.btn, - a.btn.btn-course { - padding: 8px 15px; - float: right; - width: 46%; - } + .banner-form button.btn, + a.btn.btn-course { + padding: 8px 15px; + float: right; + width: 46%; + } - #logo a { - font-size: 33px; - padding-top: 0.3em; - } + #logo a { + font-size: 33px; + padding-top: 0.3em; + } } -@media(max-width:384px) { +@media (max-width: 384px) { + .banner-lore-info h3 { + font-size: 1.55em; + } - .banner-lore-info h3 { - font-size: 1.55em; - } + .main-content { + min-height: 22em; + } - .main-content { - min-height: 22em; - } - - form.banner-form { - width: 97%; - margin: 0 auto; - } + form.banner-form { + width: 97%; + margin: 0 auto; + } - .main-content { - min-height: 21em; - } + .main-content { + min-height: 21em; + } } -@media(max-width:375px) { - - .banner-content-hit3pvt { - padding-top: 6.5em; - } +@media (max-width: 375px) { + .banner-content-hit3pvt { + padding-top: 6.5em; + } } -@media(max-width:360px) { - - .banner-content-hit3pvt { - padding-top: 6.5em; - } +@media (max-width: 360px) { + .banner-content-hit3pvt { + padding-top: 6.5em; + } } /* FOR-GDTC-TIMELINE */ -#link { color: #fff; } \ No newline at end of file +#link { + color: #fff; +} diff --git a/index.html b/index.html index 66764d9..3fb1189 100644 --- a/index.html +++ b/index.html @@ -451,7 +451,7 @@
Tanmay Goyal +
  • Saksham Taneja @@ -502,10 +502,10 @@
    Amrit Srivastava
    - +
    - +
  • diff --git a/js/script.js b/js/script.js index 254308c..182bf55 100644 --- a/js/script.js +++ b/js/script.js @@ -13,4 +13,16 @@ function hideIt1(){ function readmore(n){ document.getElementById('read'+n).style. display = 'inline-block'; document.getElementById('rode'+n).style.display = 'none'; +} + +function loadMorePast(){ + document.getElementById('hidePast').style.display = 'inline-block'; + document.getElementById('loadMorePast').style.display = 'none'; + document.getElementById('loadLessPast').style.display = 'inline-block'; +} + +function loadLessPast(){ + document.getElementById('hidePast').style.display = 'none'; + document.getElementById('btnShow').style.display = 'inline-block'; + document.getElementById('loadLessPast').style.display = 'none'; } \ No newline at end of file