/* ---------------------------- General ---------------------------- */ html,body { height:100%; } body { margin:0; padding:0; font-size:16px; font-family: 'Raleway', sans-serif; } .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); } .bookMe:hover { background:rgba(255,102,51,1); } .highlight { color:rgba(255,51,204,1);} .scroll-icon { margin-top:50px; } /* ######################################## */ /* ## Back to Top ## */ /* ######################################## */ #backToTopBtn { display: inline-block; background-color:rgba(255,102,51,1); width: 50px; height: 50px;padding-top:12px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; color:rgba(255,255,255,1); transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 10; } #backToTopBtn::after { font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color:rgba(255,255,255,1); } #backToTopBtn:hover { cursor: pointer; background-color:rgba(75,75,75,1); } #backToTopBtn:active { background-color: #555; } #backToTopBtn.show { opacity: 1; visibility: visible; } /* ----------------------- (End of) General ----------------------- */ /* ---------------------------- Navigation ---------------------------- */ /* ########################### */ /* ## Navigation Index Page ## */ /* ########################### */ #nav { position:fixed; top:0; padding-top:5px; padding-bottom:5px; z-index:50; } #nav a { padding:5px 10px; color:rgba(255,255,255,1); } #nav a:hover { text-decoration:none; color:rgba(255,255,255,0.5); } #nav .deskView { display:block; } #nav .deskView a { font-size:0.8rem; letter-spacing:0.03rem; } #nav .mobileView { display:none; } #nav .mobileView #menu-wrapper { display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding-top:100px; background:rgba(0,0,0,1); z-index:-5; } #nav .mobileView #menu-wrapper img { width:45px; height:auto; } /* ############################# */ /* ## Navigation Width Format ## */ /* ############################# */ @media (max-width: 1170px) { #nav { position:fixed; padding-top:0!important; padding-bottom:0!important; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView #menu-wrapper { display:none; padding-top:150px; padding-left:200px; } #nav .mobileView #menu-wrapper img { width:35px; height:auto; margin-right:20px; transition:0.5s; } #nav .mobileView #menu-wrapper a:hover img { width:35px; height:auto; margin-left:10px; margin-right:20px; } #nav .mobileView #menu-wrapper .link { padding-top:15px; padding-bottom:15px; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } .bar1, .bar2, .bar3 { width:35px; height:3px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 5px); transform: rotate(-45deg) translate(-8px, 5px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -4px); transform: rotate(45deg) translate(-8px, -4px); } } @media (max-width: 992px) { #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView #menu-wrapper { display:none; padding-top:150px; padding-left:200px; } #nav .mobileView #menu-wrapper .link { padding-top:15px; padding-bottom:15px; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } .bar1, .bar2, .bar3 { width:35px; height:3px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 5px); transform: rotate(-45deg) translate(-8px, 5px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -4px); transform: rotate(45deg) translate(-8px, -4px); } } @media (max-width: 768px) { #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView #menu-wrapper { display:none; padding-top:125px; padding-left:100px; } #nav .mobileView #menu-wrapper .link { padding-top:15px; padding-bottom:15px; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } .bar1, .bar2, .bar3 { width:35px; height:3px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 5px); transform: rotate(-45deg) translate(-8px, 5px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -4px); transform: rotate(45deg) translate(-8px, -4px); } } @media (max-width: 540px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:125px; padding-left:50px; padding-right:50px; } #nav .mobileView #menu-wrapper .link { padding-top:12px; padding-bottom:12px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 414px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:100px; padding-left:50px; padding-right:50px; } #nav .mobileView #menu-wrapper .link { padding-top:12px; padding-bottom:12px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 411px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:100px; padding-left:15px; padding-right:15px; } #nav .mobileView #menu-wrapper .link { padding-top:12px; padding-bottom:12px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 375px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:75px; padding-left:15px; padding-right:15px; } #nav .mobileView #menu-wrapper .link { padding-top:12px; padding-bottom:12px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 360px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:75px; padding-left:15px; padding-right:15px; } #nav .mobileView #menu-wrapper .link { padding-top:12px; padding-bottom:12px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 320px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:75px; padding-left:15px; padding-right:15px; } #nav .mobileView #menu-wrapper .link { padding-top:10px; padding-bottom:10px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-width: 280px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:0.85rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; padding-top:75px; padding-left:10px; padding-right:10px; } #nav .mobileView #menu-wrapper .link { padding-top:10px; padding-bottom:10px; } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } /* ############################## */ /* ## Navigation Height Format ## */ /* ############################## */ @media (max-height: 414px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding-top:100px; background:rgba(0,0,0,1); z-index:-5; } #nav .mobileView #menu-wrapper img { width:30px; height:auto } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-height: 411px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding-top:100px; background:rgba(0,0,0,1); z-index:-5; } #nav .mobileView #menu-wrapper img { width:30px; height:auto } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-height: 360px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:1rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding-top:50px; background:rgba(0,0,0,1); z-index:-5; } #nav .mobileView #menu-wrapper img { width:30px; height:auto } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } @media (max-height: 320px) { #nav { position:fixed; padding-top:5px; padding-bottom:5px; z-index:50; } #nav .deskView { display:none; } #nav .mobileView { display:block; } #nav .mobileView a { font-size:0.9rem; letter-spacing:0.03rem; } #nav .mobileView #menuBars { display:inline-block; cursor:pointer; } #nav .mobileView #menu-wrapper { display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding-top:50px; background:rgba(0,0,0,1); z-index:-5; } #nav .mobileView #menu-wrapper img { width:20px; height:auto } .bar1, .bar2, .bar3 { width:35px; height:2px; margin:6px 0; background-color:rgba(255,255,255,1); border-radius:5px; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 3px); transform: rotate(-45deg) translate(-8px, 3px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -3px); transform: rotate(45deg) translate(-8px, -3px); } } /* ----------------------- (End of) Navigation ----------------------- */ /* ---------------------------- Operations Disclaimer ---------------------------- 235,210,20,1 */ /* ###################################### */ /* ## Operations Disclaimer Index Page ## */ /* ###################################### */ #OLD_operations-disclaimer { position:fixed; top:110px; left:0; width:100%; padding:5px 0; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera over version 12.1 */ -moz-animation: fadein 2s; /* Firefox under version 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera under version 12.1 */ animation: fadein 2s; font-weight:200; letter-spacing:0.03rem; z-index:40; } #operations-disclaimer .fa-times-circle:hover { cursor:pointer; color:rgba(80,80,80,1); } #operations-disclaimer { position:fixed; top:85px; right:20px; width:300px; padding:15px; border-radius:3px; box-shadow: 5px 10px 18px rgba(0,0,0,0.25); -webkit-animation: fadein 2s; /* Safari, Chrome and Opera over version 12.1 */ -moz-animation: fadein 2s; /* Firefox under version 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera under version 12.1 */ animation: fadein 2s; font-weight:200; letter-spacing:0.03rem; z-index:40; } #operations-disclaimer .fa-times:hover { cursor:pointer; color:rgba(80,80,80,1); } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox under version 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera under version 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* ######################################## */ /* ## Operations Disclaimer Width Format ## */ /* ######################################## */ @media only screen and (max-width: 1170px) { #operations-disclaimer { top:70px; } } @media only screen and (max-width: 1024px) { #operations-disclaimer { top:90px; } } @media only screen and (max-width: 912px) { #operations-disclaimer { top:90px; } } @media only screen and (max-width: 820px) { #operations-disclaimer { top:100px; left:5%; width:90%; } } @media only screen and (max-width: 540px) { #operations-disclaimer { top:75px; left:5%; width:90%; } } @media only screen and (max-width: 414px) { #operations-disclaimer { top:75px; left:5%; width:90%; } } @media only screen and (max-width: 375px) { #operations-disclaimer { top:75px; left:5%; width:90%; } } /* ######################################### */ /* ## Operations Disclaimer Height Format ## */ /* ######################################### */ @media only screen and (max-height: 414px) { #operations-disclaimer { top:60px; } } /* ----------------------- (End of) Operations Disclaimer ----------------------- */ /* ---------------------------- Prices ---------------------------- */ /* ####################### */ /* ## Prices Index Page ## */ /* ####################### */ #prices { display:block; padding-top:100px; padding-bottom:100px; } #prices h2 { margin-bottom:40px; } #prices h4 { margin-bottom:50px; line-height:2.25rem; } #prices p { letter-spacing:0.05rem; line-height:35px; color:rgba(102,102,102,1); } #prices p.fees { margin-top:-6px; font-size:0.6rem; font-weight:800; text-transform:uppercase; color:rgba(0,0,0,1); } #prices .pricing hr { margin: 0 0 1.5rem 0 ; } #prices .pricing ul li { margin-bottom: 1rem; } #prices .pricing .card { border: none; border-radius: 1rem; transition: all 0.2s; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); } #prices .pricing .card:hover { margin-top: -.25rem; margin-bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); } #prices .pricing .card-title { margin: 0.5rem 0; font-size: 0.9rem; letter-spacing: .1rem; font-weight: bold; } #prices .pricing .text-muted { opacity: 0.7; } #prices .rent { padding:7px 30px; background:none; border:rgba(51,51,51,1) thin solid; font-size:0.9rem; letter-spacing:0.03rem; color:rgba(51,51,51); } #prices .rent:hover { border:none; background:rgba(255,102,51,1); color:rgba(255,255,255,1); -webkit-box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); -moz-box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); } #prices .table-fees th, #prices .table-fees td { padding:4px 5px !important; } #prices .table-hover tr:hover { background-color:rgba(255,102,51,1)!important; color:#FFFFFF !important; } #prices .card-fees { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:20; } #prices .thumb-fees { height:325px; background-color: #FFFFFF; background-position: center center; background-repeat: no-repeat; background-size: contain; } #prices .thumb-fees .close-fees { color:rgba(255,102,51,1) !important; transition:all 0.3s; } #prices .thumb-fees .trigger-fees { display:flex; padding:10px 15px; background-color:#FF6600; font-size:0.7rem; font-weight: 800; color:#FFFFFF; transition:all 0.3s; } #prices .thumb-fees .close-fees:hover { transform: rotate(90deg); color:#FFFFFF !important; cursor:pointer; } #prices .thumb-fees .trigger-fees:hover { background-color:#FFFFFF; font-size:0.7rem; font-weight: 800; color:#000000; cursor:pointer; } /* ---------------------------- (End of) Prices ---------------------------- */ /* ---------------------------- General Conditions ---------------------------- */ /* ################################### */ /* ## General Conditions Index Page ## */ /* ################################### */ #cglModal h4 { padding-top:10px; padding-bottom:15px; font-size:1rem; font-weight:600; text-transform:uppercase; text-align:center; } #cglModal h6 span.article { color:rgba(255,102,51,1); } #cglModal h6 span.title { font-size:0.8rem; font-weight:600; letter-spacing:0.03rem; color:rgba(0,0,0,1); } #cglModal li { padding-top:10px; padding-bottom:10px; list-style:circle; font-size:0.8rem; font-weight:300; letter-spacing:0.05rem; line-height:25px; color:rgba(0,0,0,1); } #cglModal .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); } #cglModal .bookMe:hover { background:rgba(255,102,51,1); } #cglModal .cloud { background-color:rgba(245,245,245,1); } #cglModal .modal-body { padding:0 !important; } #cglModal .rent { padding:7px 30px; background:none; border:rgba(51,51,51,1) thin solid; border-radius:3px; font-size:0.9rem; letter-spacing:0.03rem; color:rgba(51,51,51); } #cglModal .rent:hover { border:none; background:rgba(255,102,51,1); color:rgba(255,255,255,1); -webkit-box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); -moz-box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); box-shadow: 0px 35px 85px 19px rgba(0,0,0,0.3); text-decoration:none; } #cglModal .row { padding:20px 25px; } /* ---------------------------- (End of) General Conditions ---------------------------- */ /* ---------------------------- Footer ---------------------------- */ /* ####################### */ /* ## Footer Index Page ## */ /* ####################### */ #footer { background:rgba(0,0,0,1); font-size:0.7rem; letter-spacing:0.05rem; color:rgba(255,255,255,1); } #footer h6 { padding-top:30px; padding-bottom:10px; text-transform:uppercase; font-size:0.8rem; } #footer p { margin-bottom:5px !important; } #footer a { text-decoration:none; color:rgba(100,100,100,1); } #footer a:hover { text-decoration:none; color:rgba(75,75,75,1); } #footer a.linkPartners { font-weight:600; text-decoration:none; color:rgba(100,100,100,1); } #footer a.linkPartners:hover { font-weight:600; text-decoration:none; color:rgba(75,75,75,1); } #footer a.stud { font-weight:600; text-decoration:none; color:rgba(100,100,100,1); } #footer a.stud:hover { font-weight:600; text-decoration:none; color:rgba(75,75,75,1); } /* ######################### */ /* ## Footer Width Format ## */ /* ######################### */ @media only screen and (max-width: 768px) { #footer h6 { padding-top:30px; padding-bottom:20px; text-transform:uppercase; font-size:0.9rem; } #footer a i { padding:0 10px; font-size:1.5rem; } #footer a i.fa-chevron-right { padding:0 10px; font-size:0.8rem; } } /* No Changes from 414px */ @media only screen and (max-width: 414px) { #footer h6 { padding-top:30px; padding-bottom:20px; text-transform:uppercase; font-size:0.9rem; } #footer a i { padding:0 10px; font-size:1.5rem; } #footer a i.fa-chevron-right { padding:0 10px; font-size:0.8rem; } #footer .footer-copyright { padding:0 100px; } } /* No Changes from 414px */ @media only screen and (max-width: 375px) { #footer h6 { padding-top:30px; padding-bottom:20px; text-transform:uppercase; font-size:0.9rem; } #footer a i { padding:0 10px; font-size:1.5rem; } #footer a i.fa-chevron-right { padding:0 10px; font-size:0.8rem; } #footer .footer-copyright { padding:0 20px; } } /* Only Change from 375px --> .footer-copyright */ @media only screen and (max-width: 320px) { #footer h6 { padding-top:30px; padding-bottom:20px; text-transform:uppercase; font-size:0.9rem; } #footer a i { padding:0 10px; font-size:1.5rem; } #footer a i.fa-chevron-right { padding:0 10px; font-size:0.8rem; } #footer .footer-copyright { padding:0 20px; } } /* ---------------------------- (End of) Footer ---------------------------- */ /* ---------------------------- Anchor 03 ---------------------------- */ /* ########################## */ /* ## Anchor 03 Index Page ## */ /* ########################## */ #anchor3 { padding-top:50px; padding-bottom:50px; } #anchor3 h6 { margin-top:20px !important; } /* ############################ */ /* ## Anchor 03 Width Format ## */ /* ############################ */ @media only screen and (max-width: 414px) { #anchor3 .box { padding:0; } } /* No Changes from 414px */ @media only screen and (max-width: 375px) { #anchor3 .box { padding:0; } } /* No Changes from 375px */ @media only screen and (max-width: 320px) { #anchor3 .box { padding:0; } } /* ---------------------------- (End of) Anchor 03 ---------------------------- */ /* ---------------------------- Legal ---------------------------- */ /* ###################### */ /* ## Legal Index Page ## */ /* ###################### */ #termsCond h4 { padding-top:10px; padding-bottom:15px; font-size:1rem; font-weight:600; text-transform:uppercase; text-align:center; } #termsCond h6 span.article { color:rgba(255,102,51,1); } #termsCond h6 span.title { font-size:0.8rem; font-weight:600; letter-spacing:0.03rem; color:rgba(0,0,0,1); } #termsCond p { padding-top:10px; padding-bottom:10px; list-style:circle; font-size:0.8rem; font-weight:300; letter-spacing:0.05rem; line-height:25px; color:rgba(0,0,0,1); } #termsCond .bookMe { padding:7px 30px; background:rgba(255,102,0,1); font-size:0.9rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); } #termsCond .bookMe:hover { background:rgba(255,102,51,1); } #termsCond .cloud { background-color:rgba(245,245,245,1); } #termsCond .modal-body { padding:0 !important; } #termsCond .row { padding:20px 25px; } /* ---------------------------- (End of) Legal ---------------------------- */ /* ---------------------------- Anchor 02 ---------------------------- */ /* ########################## */ /* ## Anchor 02 Index Page ## */ /* ########################## */ #anchor2 { padding-top:100px; padding-bottom:100px; background:url(../IMGs/Anchors/hex-pattern.jpg) center center no-repeat; background-size:cover; color:rgba(255,255,255,1); } #anchor2 h2 { line-height:55px; text-align:center; } /* ############################ */ /* ## Anchor 02 Width Format ## */ /* ############################ */ @media only screen and (max-width: 414px) { #anchor2 { padding-top:50px; padding-bottom:50px; } #anchor2 h2 { line-height:45px; } } /* No Change from 414px */ @media only screen and (max-width: 375px) { #anchor2 { padding-top:50px; padding-bottom:50px; } #anchor2 h2 { line-height:45px; } } /* No Change from 375px */ @media only screen and (max-width: 320px) { #anchor2 { padding-top:50px; padding-bottom:50px; } #anchor2 h2 { line-height:45px; } } /* ---------------------------- (End of) Anchor 02 ---------------------------- */ /* ---------------------------- Insta Feed ---------------------------- */ /* ########################## */ /* ## Insta Feed Index Page ## */ /* ########################## */ ul.juicer-feed h1, a.j-paginate, a.juicer-button { display:none !important; visibility: hidden !important; } /* ---------------------------- (End of) Insta Feed ---------------------------- */