Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- a, .top i, .carousel li h2 {
- -webkit-transition: all 300ms ease;
- -moz-transition: all 300ms ease;
- transition: all 300ms ease;
- }
- .row {
- margin-left: 0;
- margin-right: 0;
- }
- .navbar { background: #ffffff; }
- .navbar-brand {
- height: 55px;
- line-height: 55px;
- padding: 0 15px 0 15px;
- }
- .nav {
- padding-top: 11px;
- padding-bottom: 11px;
- }
- .nav > li {
- padding-left: 35px;
- padding-right: 35px;
- line-height: 33px;
- height: 33px;
- border-right: 1px solid #e34427;
- }
- .nav > li:nth-child(3), .nav > .order { border: 0; }
- .nav > li > a {
- font-family: 'Lato', sans-serif;
- font-weight: 400;
- font-size: 17px;
- color: #343434;
- padding: 0;
- display: inline;
- }
- .nav > li > a:hover, .nav > li.active > a {
- color: #cf1c11;
- background: transparent;
- }
- .nav > .order {
- padding: 0;
- margin-top: -11px;
- }
- .nav > .order > a {
- background: #ff8a00;
- height: 73px;
- display: block;
- line-height: 73px;
- padding-left: 22px;
- padding-right: 22px;
- color: #ffffff;
- font-size: 19px;
- border: 1px solid #ffffff;
- }
- .nav > .order > a:hover {
- /* background: #34a8f1;*/
- color: #ffffff;
- background: #ff8a00;
- }
- .section {
- background-size: cover;
- background-position: center center;
- position: relative;
- overflow: hidden;
- }
- #first-section {
- height: 500px;
- background-image: url('../images/first_section_bckg.jpg');
- margin-top: 55px;
- }
- #first-section .container {
- height: 100%;
- position: relative;
- }
- #first-section h1 {
- display: inline-block;
- font-family: 'Lato', sans-serif;
- font-size: 57px;
- font-weight: 900;
- margin-top: 200px;
- margin-left: 190px;
- position: relative;
- z-index: 1;
- }
- #first-section h1 img {
- position: absolute;
- left: -15px;
- top: -60px;
- }
- #first-section h1 span {
- display: block;
- line-height: 68px;
- background: #343434;
- color: #ffffff;
- text-transform: uppercase;
- padding-left: 23px;
- padding-right: 23px;
- margin-top: 10px;
- }
- #first-section h1 span span {
- display: inline;
- padding: 0;
- margin: 0;
- }
- #first-section .profesor, #first-section .profesor-shadow {
- position: absolute;
- bottom: 0;
- margin-left: -10px;
- z-index: 1;
- }
- #first-section .profesor-shadow {
- margin-left: -90px;
- z-index: 0;
- }
- .stripe {
- height: 24px;
- background: url('../images/stripe.jpg') repeat-x left top;
- position: relative;
- z-index: 2;
- }
- .stripe a {
- display: block;
- position: absolute;
- left: 50%;
- margin-left: -30px;
- top: -14px;
- height: 60px;
- width: 60px;
- border: 4px solid #ffffff;
- border-radius: 30px;
- text-align: center;
- line-height: 60px;
- color: #ffffff;
- font-size: 36px;
- box-shadow: 0 5px 20px 5px rgba(0,0,0,0.35);
- }
- .stripe a:hover {
- -webkit-transform: translateY(-5px);
- -moz-transform: translateY(-5px);
- transform: translateY(-5px);
- color: #34a8f1;
- border-color: #34a8f1;
- }
- #second-section {
- background-image: url('../images/second_section_bckg.jpg');
- padding-top: 115px;
- padding-bottom: 50px;
- }
- #third-section {
- background-image: url('../images/third_section_bckg.jpg');
- padding-bottom: 50px;
- height: 880px;
- text-align: center;
- }
- #fourth-section {
- background-image: url('../images/fourth_section_bckg.jpg');
- text-align: center;
- }
- #fifth-section {
- background-image: url('../images/fifth_section_bckg.jpg');
- text-align: center;
- }
- #fifth-section h1, #fourth-section h1, #second-section h1, #third-section h1 {
- display: inline-block;
- margin: 0 auto;
- padding-top: 70px;
- color: #ffffff;
- font-family: 'Flama ExtraBold', sans-serif;
- font-size: 121px;
- font-weight: 900;
- text-transform: uppercase;
- letter-spacing: -14px;
- text-shadow: 15px 0 10px rgba(0,0,0,0.5);
- position: relative;
- }
- #fifth-section h1 span, #fourth-section h1 span, #second-section h1 span,
- #third-section h1 span {
- display: block;
- color: #f3cf28;
- font-size: 47px;
- line-height: 47px;
- letter-spacing: -5px;
- background: #202020;
- height: 40px;
- padding-left: 30px;
- padding-right: 10px;
- -webkit-transform: rotate(-5deg);
- -moz-transform: rotate(-5deg);
- transform: rotate(-5deg);
- text-shadow: 0 15px 10px rgba(0,0,0,0.5);
- margin-top: -20px;
- }
- #fifth-section h1 img {
- position: absolute;
- right: -40px;
- margin-top: 10px;
- }
- #fifth-section .opinions {
- padding-top: 50px;
- padding-bottom: 15px;
- text-align: left;
- }
- #fifth-section .opinion { padding-bottom: 35px; }
- #fifth-section .opinion img {
- width: 131px;
- border-radius: 50%;
- border: 9px solid #202020;
- }
- #fifth-section .opinion div {
- width: calc(100% - 131px);
- padding-left: 30px;
- }
- #fifth-section .opinion h2 {
- margin: 0;
- color: #f3cf28;
- font-size: 18px;
- font-family: 'Lato', sans-serif;
- font-weight: 700;
- }
- #fifth-section .opinion p {
- color: #f7f7f7;
- font-family: 'Lato', sans-serif;
- font-size: 16px;
- line-height: 22px;
- margin: 10px 0 0 0;
- }
- .footer {
- border-top: 4px solid #000000;
- background: #ffffff;
- height: 54px;
- line-height: 54px;
- }
- .footer img {
- max-height: 20px;
- margin-top: 17px;
- margin-right: 14px;
- }
- .footer p {
- color: #a1a1a1;
- font-family: 'Lato', sans-serif;
- font-size: 12px;
- margin: 0;
- }
- .footer p a, .footer li a { color: #1d5a76; }
- .footer ul { margin: 0; }
- .footer li {
- float: left;
- list-style: none;
- font-family: 'Lato', sans-serif;
- font-size: 12px;
- margin-left: 10px;
- }
- .footer .top {
- padding-left: 17px;
- padding-right: 17px;
- border-left: 1px solid #e6e6e6;
- border-right: 1px solid #e6e6e6;
- margin-left: 20px;
- color: #979797;
- }
- .footer .top:hover i {
- -webkit-transform: translateY(-3px);
- -moz-transform: translateY(-3px);
- transform: translateY(-3px);
- color: #b6b6b6;
- }
- #fourth-section h1 { word-spacing: 9999px; }
- #fourth-section h1 span {
- display: inline-block;
- position: relative;
- top: -90px;
- padding-right: 30px;
- }
- #fourth-section h1 img {
- position: absolute;
- margin-left: 380px;
- margin-top: 70px;
- }
- #fourth-section .meet-profesor { text-align: left; }
- #fourth-section .meet-profesor .image-container img {
- margin-top: -80px;
- margin-left: -50px;
- }
- #fourth-section .meet-profesor .image-container {
- padding-left: 0;
- padding-right: 0;
- }
- #fourth-section .meet-profesor p {
- font-family: 'Lato', sans-serif;
- font-size: 22px;
- line-height: 28px;
- color: #ffffff;
- text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
- }
- #fourth-section .meet-profesor blockquote {
- background: rgba(52,52,52,0.56);
- border: 0;
- padding: 30px;
- font-family: 'Lato', sans-serif;
- font-weight: 700;
- font-style: italic;
- font-size: 16px;
- color: #f3cf28;
- line-height: 18px;
- margin-top: 60px;
- position: relative;
- }
- #fourth-section .meet-profesor .col-sm-6 { margin-top: -50px; }
- #fourth-section .meet-profesor blockquote img {
- position: absolute;
- left: 10px;
- top: -20px;
- }
- #second-section .video-container {
- padding-right: 0;
- text-align: right;
- }
- #second-section .video-container iframe {
- width: 90%;
- margin-top: 20px;
- }
- #second-section .video-container img {
- max-width: 100%;
- height: auto;
- margin-top: 20px;
- }
- #second-section h1 {
- text-align: right;
- line-height: 96px;
- padding-top: 0;
- position: relative;
- max-width: 90%;
- }
- #second-section h1 span {
- position: relative;
- z-index: 1;
- background: none;
- left: 30px;
- }
- #second-section h1:after {
- position: absolute;
- content: '';
- width: 100%;
- height: 30px;
- background: #343434;
- z-index: 0;
- left: 40px;
- -webkit-transform: rotate(-6deg);
- bottom: 0;
- }
- #second-section h1 img {
- position: absolute;
- top: 0;
- left: 30px;
- }
- #second-section p {
- font-family: 'Lato', sans-serif;
- font-size: 15px;
- color: #ffffff;
- margin-top: 30px;
- margin-bottom: 0;
- padding-left: 40px;
- }
- #third-section h1 span {
- padding-left: 40px;
- padding-right: 40px;
- background: #343434;
- }
- #third-section h1 img {
- position: absolute;
- right: -60px;
- margin-top: 25px;
- }
- .carousel {
- padding: 50px 0 0 0;
- margin: 0;
- }
- .carousel li {
- width: 60%;
- padding-bottom: 50px;
- }
- .carousel li img {
- max-width: 120%;
- margin-left: -5%;
- margin-top: -20px;
- }
- .carousel li h2 {
- font-family: 'Lato', sans-serif;
- font-size: 24px;
- color: #ffffff;
- margin: 0;
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- opacity: 0;
- }
- .carousel li h2 span { color: #f3cf28; }
- .carousel li.active img { margin-top: 0; }
- .carousel li.active h2 {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- .carousel li iframe { width: 100%; }
- #third-section .container { position: relative; }
- .controls {
- position: absolute;
- top: 120px;
- width: 100%;
- }
- .controls a:hover {
- -webkit-transform: translateY(-5px);
- -moz-transform: translateY(-5px);
- transform: translateY(-5px);
- opacity: 0.7;
- }
- .controls .previous {
- float: left;
- margin-left: 50px;
- }
- .controls .next {
- float: right;
- margin-right: 50px;
- }
- .item-overlay {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 999;
- }
- .active .item-overlay { display: none; }
- @media (max-width: 1200px) {
- .nav > li {
- padding-left: 20px;
- padding-right: 20px;
- }
- .footer img { display: none; }
- #second-section h1 img, #second-section h1:after { left: 0; }
- #second-section h1 span { left: -30px; }
- #second-section p { padding-left: 0; }
- #second-section .col-sm-4 iframe { margin-left: 0 !important; /* text-align: left; */}
- }
- @media (max-width: 992px) {
- .nav > li > a { font-size: 13px; }
- .nav > .order > a { font-size: 15px; }
- .nav > li, .nav > .order > a {
- padding-left: 10px;
- padding-right: 10px;
- }
- #first-section h1 { margin-left: 0; }
- #second-section h1 {
- font-size: 80px;
- line-height: 65px;
- }
- #second-section h1 span { font-size: 33px; }
- #fourth-section .meet-profesor .image-container img {
- width: 100%;
- margin-top: 0;
- }
- #fourth-section { padding-bottom: 50px; }
- }
- @media (max-width: 767px) {
- #first-section iframe { margin-left: 0 !important; }
- #second-section {
- text-align: center;
- padding-top: 50px;
- }
- #second-section h1 img { left: -100px; }
- #second-section p { text-align: left; }
- #second-section .col-sm-4 iframe { display: none; }
- #second-section .video-container iframe { width: 100%; }
- #fourth-section .meet-profesor .image-container img {
- display: block;
- max-width: 100%;
- width: auto;
- margin: 0 auto;
- }
- #fourth-section .meet-profesor .col-sm-6:last-child { margin-top: 50px; }
- .footer ul {
- float: left !important;
- padding-left: 5px;
- border-top: 1px solid #ebebeb;
- width: calc(100% + 30px);
- margin-left: -15px;
- }
- .navbar-toggle .icon-bar { background: navy; }
- .nav {
- float: none !important;
- padding: 20px;
- }
- .navbar-fixed-top .navbar-collapse { height: 200px; }
- .nav > li { border: 0; }
- .nav > .order > a {
- height: 33px;
- line-height: 33px;
- }
- .nav > .order { margin-top: 0; }
- }
- @media (max-width: 700px) {
- #first-section .profesor {
- z-index: 0;
- right: 50px;
- }
- #first-section .profesor-shadow { right: 240px; }
- }
- @media (max-width: 575px) {
- #first-section h1 { font-size: 40px; }
- .controls a {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- }
- @media (max-width: 475px) {
- .top { display: none; }
- .footer {
- line-height: 18px;
- height: auto;
- }
- .footer p, .footer ul {
- padding-top: 10px;
- padding-bottom: 10px;
- }
- #fifth-section .opinion img, #fifth-section .opinion div { float: none !important; }
- #fifth-section .opinion img {
- display: block;
- margin: 0 auto;
- }
- #fifth-section .opinion div {
- width: 100%;
- padding-top: 30px;
- }
- #first-section h1 { font-size: 30px; }
- #fifth-section h1, #fourth-section h1, #second-section h1, #third-section h1 {
- font-size: 80px;
- letter-spacing: 0;
- }
- #fifth-section h1 span, #fourth-section h1 span, #second-section h1 span, #third-section h1 span {
- font-size: 27px;
- letter-spacing: 0;
- }
- #fourth-section h1 span { top: -60px; }
- .carousel li h2 { font-size: 18px; }
- #second-section h1 img { left: -10px; }
- }
- @media ( max-height: 750px ) {
- #first-section h1 { margin-top: 10%; }
- #first-section { height: auto; }
- #first-section .profesor, #first-section .profesor-shadow { height: 95%; }
- #first-section iframe { margin-bottom: 5%; }
- #second-section {
- padding-top: 5%;
- padding-bottom: 3%;
- }
- #second-section h1 {
- font-size: 90px;
- word-spacing: 999px;
- line-height: 70px;
- }
- #second-section h1 span { font-size: 40px; }
- #second-section p { font-size: 13px; }
- #second-section iframe { height: 300px; }
- /* #third-section {
- padding-bottom: 0;
- height: 590px;
- }
- #third-section h1 {
- padding-top: 3%;
- font-size: 90px;
- }
- #third-section h1 span {
- font-size: 40px;
- width: 90%;
- padding-left: 10px;
- padding-right: 40px;
- }
- .carousel li { width: 35%; }
- .carousel li iframe { height: 250px !important; }
- #third-section .rotator > iframe { margin-top: 320px !important; }
- .carousel li h2 { font-size: 18px; }
- .controls { top: 70px; }*/
- }
- @media (max-width: 767px) {
- .controls, .item-overlay { display: none !important; }
- .carousel .item {
- position: static;
- width: 90%;
- margin: 0 auto !important;
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1);
- }
- #third-section { height: auto !important; }
- .carousel li img {
- max-width: 110%;
- margin-top: 0;
- }
- .carousel li h2 {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- #third-section .rotator > iframe { margin-top: 0px !important; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement