.trigger{position:fixed;bottom:0px;left:0px;margin:0 !important;z-index:999;border-radius:0;} @media (min-width: 992px) {.trigger{bottom:40px;left:40px;}} @media (min-width: 1600px) {.trigger{bottom:60px;left:60px;}} .sans{font-family:'Nunito Sans',sans-serif;font-weight:300} .text-gold{color:#ae9a63} .form-control {border:0;border-radius:0;border-bottom:1px #e9ecef solid;font-size:80%} .btn-gold {color: #fff;background-color: #ae9a63;border-color: #817143;} .btn-gold:hover {color: #fff;background-color: #817143;border-color: #545b62;} .btn-gold:focus, .btn-gold.focus {box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);} header{background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;} @media (max-width: 480px) {header{background-image:url('BASE_URL-sm.jpg');}} @media (min-width: 481px) and (max-width: 1024px) {header{background-image:url('BASE_URL-md.jpg');}} @media (min-width: 1025px) {header{background-image:url('BASE_URL.jpg');}} .modal-open { overflow-y: auto; } :root { --breakpoint-xxl: 1600px; --greyLight: #888581; /*nav a: */ --grey: #54524f; /*(84,82,79,); bodyFont, dropdown-menu a:*/ --greyDark: #2c2426; /*(44,36,38,.03) card-headerBg*/ --cremeLight: #edece8; /*cremeHell - bodyBG*/ --creme: #a6a097; /*list-end, bgContainerDkl*/ --gold: #ae9a63; /*(174,154,99,) font*/ --goldDark: #817143; /*font*/ --trans: transparent !importent; } html {font-size: 0.875rem;} body{font-family:'Martel',serif;font-weight:400;color:rgba(68,61,55,.7);-webkit-font-smoothing: antialiased;background-color:rgba(206,194,194,.5)} .bg-creme{background-color: rgba(110,99,79,.4)} .bg-light-pink{background-color: #f5eef2} .bg-light-blue{background-color: #d2d0da} nav{font-family:'Nunito Sans',sans-serif;font-weight:300} h1{margin-top:25px;} @media only screen and (min-width: 769px) {h1{margin-top:0;}} h1,h2{font-family:'Arapey',serif;text-rendering:optimizeLegibility;} h1,h2,h3 {position:relative;letter-spacing:0.04em;padding-bottom:.47em;margin-bottom:.36em} h2{line-height:1.5} h3{font-size:1.5rem} h1:after{content:"";position:absolute;bottom:0;left:50%;height:2px;background-color:rgba(84,82,79,.9);width:80px;margin-left:-40px} ul,ol {margin:0;padding:0;list-style-type:none} .white-line:after{background-color:rgba(250,250,250,.9);} a {-webkit-transition:color .1s linear;-moz-transition:color .1s linear;transition:color .1s linear;color:#ae9a63;text-decoration:none} .lead {font-size: 1.2rem;} p{font-weight:;} a:hover {color:#817143} a:active,a:focus {color:#817143;outline:0} .bg-creme a {color:#817143} .bg-creme a:hover {color:#ae9a63} .bg-creme a:active,a:focus {color:#ae9a63;outline:0} #procedure h1{text-align:center} #procedure p;#procedure li{text-align:justify !important;} .blockquote p::before,.blockquote p::after { display:inline; height:0; line-height:0; position:relative; top:.75rem; font-size:2.8rem; } .blockquote p::before{content:open-quote;} .blockquote p::after{content:close-quote;} .testimonial p::before,.testimonial p::after { display:inline-block; height:0; line-height:0; position:relative; top:0.25rem; font-size:1.8rem; } .testimonial p{line-height:1.4} .testimonial p::before{content:open-quote;padding-right:0.2rem} .testimonial p::after{content:close-quote;} .testimonial-footer{font-family:Nunito Sans} .testimonial-footer::before {content: "\2014 \00A0";} #b-right,#b-left{position:fixed;height:100%;background-color:#fff;z-index:110;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out} #b-right{display:none} @media (min-width: 992px) {#b-right{display:block;top:0;right:0;width:40px}} @media (min-width: 1600px) {#b-right{width:60px}} #b-left{display:none} @media (min-width: 992px) {#b-left{display:block;top:0;left:0;width:40px}} @media (min-width: 1600px) {#b-left{width:60px}} .navbar { left: 0; height:50px; padding:0 1rem; color:#54524f; text-transform: uppercase; z-index:100; } @media (min-width: 992px) {.navbar{height:40px;padding:0 40px}} @media (min-width: 1600px) {.navbar{height:60px;padding:0 60px}} .nav-link{color:#888581;} .nav-link:hover{color:#ae9a63;} #mainTop .dropdown {position:static;} #mainTop .dropdown-menu { width:100%; background-color:#edece8; color:#54524f; padding: 4rem 0; margin: 0; text-align:center; border: none; border-radius: none; } @media (min-width: 992px) {.mainTop .dropdown-menu{top:40px;}} @media (min-width: 1600px) {.mainTop .dropdown-menu{top:60px;}} .list-group-item {text-transform: uppercase;text-decoration: none;} @media only screen and (min-width: 1025px) {.list-group-item {font-size: 2rem;letter-spacing: .02em;line-height: 1;border: none;}} .list-group-item-trans {background-color:#edece8;} .list-group-item-trans.list-group-item-action:hover, .list-group-item-trans.list-group-item-action:focus {color:#ae9a63;background-color:#edece8;} .list-group-item-trans.list-group-item-action.active {#ae9a63;background-color:#edece8;} .list-group-item-creme {background-color:#a6a097;} .list-group-item-creme.list-group-item-action:hover, .list-group-item-creme.list-group-item-action:focus {color:#ae9a63;background-color:#343a40;} .list-group-item-creme.list-group-item-action.active {color:#ae9a63;background-color:#343a40;} .dropdown-menu ul li a{color:#54524f !important;} .dropdown-menu ul li a:hover, .dropdown-menu ul li a:focus {color:#2c2426 !important;} .justify-content-start .nav-link{padding-left:0;} .justify-content-center {display:none} @media (min-width: 1200px) {.justify-content-center{display:flex;font-size:80%}} @media (min-width: 1600px) {.justify-content-center{font-size:90%}} .justify-content-end .nav-link{padding-right:0} footer .justify-content-center{display:flex;font-size:80%} @media (min-width: 576px) {.pageBottom{ position:fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }} header{ height:100vh; -webkit-background-size: cover; background-size: cover; -webkit-animation: fadein 2s; animation: fadein 2s;} @media (max-width: 640px) {header{margin-top:50px;min-height:250px;height:auto;}} .tv { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } @media only screen and (max-width: 640px) {.tv {top: 50px;height:250px}} .tv .title{ position:absolute; right:60px; bottom:60px; text-align:right; margin:2rem 3rem; z-index: 3; } @media only screen and (max-width: 640px) {.tv .title{ right:0px; bottom:0px; margin:.5rem .5rem; }} .tv .title hr{ margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.8); } .tv .title span{ color:rgba(255, 255, 255, 0.8);font-family:Nunito Sans;font-size:4.5rem;font-style:normal;line-height:1.1; } @media only screen and (max-width: 640px) {.tv .title span{font-size:2rem;}.tv .title img{width:45%}} .overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 3; background-color: rgba(0, 0, 0, 0.1); } .carousel .overlay img/* logo center big */{ position:absolute; width: 20%; top:0; right:0; bottom:0; left:0; margin: auto auto; opacity: 0; -webkit-animation: fadeinout 10s ease-in-out forwards; animation: fadeinout 10s ease-in-out forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } .carousel .img-stamp/* logo right corner small */{ height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background:url('BASE_URLimages/body/oc.png') no-repeat right 80px bottom 80px/150px 150px; opacity: 0; -webkit-animation: fadeinImg ease-in-out 2s forwards; -moz-animation: fadeinImg ease-in-out 2s forwards; -ms-animation: fadeinImg ease-in-out 2s forwards; -o-animation: fadeinImg ease-in-out 2s forwards; animation: fadeinImg ease-in-out 2s forwards; } .carousel .img-stamp/* logo right corner small */{ -webkit-animation-delay: 10s; /* Safari and Chrome */ -moz-animation-delay: 10s; /* Firefox */ -ms-animation-delay: 10s; /* Internet Explorer */ -o-animation-delay: 10s; /* Opera */ animation-delay: 10s; } @media only screen and (max-width: 640px) {.carousel .img-stamp {background:url('BASE_URLimages/body/oc.png') no-repeat right 0 bottom 0/75px 75px;}} .full-width {padding:7% 20%} @media only screen and (max-width: 640px) {.full-width {padding:7% 5%}} .split-width {padding:0 8.5% 6%} @media only screen and (max-width: 640px) {.split-width {padding:0 10% 6%}} .split-width .col-md-6 {padding:0 2.6%} @media only screen and (max-width: 640px) {.split-width .col-md-6 {padding:0 0}} .split-width img{border:solid thin #f8f9fa; padding:.75rem} .fluid-width {margin-top:40px;padding:6% 10% 6%} @media only screen and (min-width: 640px) {.fluid-width {margin-top:0;padding:7% 8.5% 6%}} @media only screen and (min-width: 1900px) {.fluid-width {margin-top:0;padding:7% 20% 6%}} .small-width {margin-top:40px;padding:6% 10% 6%} @media only screen and (min-width: 640px) {.small-width {margin-top:0;padding:7% 8.5% 6%}} @media only screen and (min-width: 1900px) {.small-width {margin-top:0;padding:7% 30% 6%}} .full{padding:0 2%} @media only screen and (min-width: 640px) {.full{padding:0 10%}} .border,.border img{border:solid thin #f8f9fa; padding:.75rem} i {padding-right:.5rem } .card {background-color: transparent !important;border-radius:0;} .card-img {border-radius:0;} .card-img-top {border-top-left-radius:0;border-top-right-radius:0;} .card-header { width:100%; padding: .25rem .25rem; background-color: rgba(44,36,38,.03); border-bottom: none; } .card-body a{color:#817143} .btn{text-align:left;white-space:normal} .btn-link{color:#ae9a63;font-size:1.1rem} .btn-link:hover{color:#817143} .btn-link:hover,.btn-link:focus,.btn-link.focus{text-decoration:none;} .btn-link::before,.btn-link.collapsed::before{ content:""; border:solid; border-width:0 1px 1px 0; display:inline-block; padding:.2rem; margin-right:.3rem; transition:100ms linear all; } .btn-link::before {transform: rotate(225deg);-webkit-transform: rotate(225deg);} .btn-link.collapsed::before {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-bottom:.2rem;} img.last{display:none} @media only screen and (min-width: 576px){img.last{display:block}} @-webkit-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }} @keyframes fadein {from { opacity: 0; }to{ opacity: 1; }} @-webkit-keyframes fadeinImg {from { opacity: 0; }to{ opacity: .7; }} @keyframes fadeinImg {from { opacity: 0; }to{ opacity: .7; }} @-webkit-keyframes fadeinout {50% { opacity: .5; }} @keyframes fadeinout {50% { opacity: .5; }} .flag { display: inline-block; margin-bottom:.21rem; width: 16px; height: 11px; background: url('BASE_URLimages/body/flags.png') no-repeat; } .flag.flag-ru { background-position: -16px -11px; } .flag.flag-fr { background-position: -32px 0; } .flag.flag-gb { background-position: 0 -11px; } .flag.flag-es { background-position: -16px 0; } .flag.flag-de { background-position: 0 0; } .academics { height: 10% !important; } .table th{padding:0;text-transform:uppercase;font-weight:400;} .table-bordered,.table-bordered th{border:1px solid rgba(0, 0, 0, 0.125);} .tableAfter th{padding:1rem .75rem;text-transform:uppercase;font-weight:400;background-color:rgba(44,36,38,.03);} .zoom-in {cursor: zoom-in;}