/*
Name: Smashing HTML5
Date: July 2009
Version: 1.0
License: MIT
Licensed by: Smashing Media GmbH
*/
/* Imports */
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@font-face {
font-family: 'Canaro-Light';
src: url("./fonts/Canaro-Light.eot");
src: url("./fonts/Canaro-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-Light.otf") format("otf"), url("./fonts/Canaro-Light.svg#Canaro-Light") format("svg"), url("./fonts/Canaro-Light.ttf") format("truetype"), url("./fonts/Canaro-Light.woff") format("woff"), url("./fonts/Canaro-Light.woff2") format("woff2");
}
@font-face {
font-family: 'Canaro-Book';
src: url("./fonts/Canaro-Book.eot");
src: url("./fonts/Canaro-Book.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-Book.otf") format("otf"), url("./fonts/Canaro-Book.svg#Canaro-Book") format("svg"), url("./fonts/Canaro-Book.ttf") format("truetype"), url("./fonts/Canaro-Book.woff") format("woff"), url("./fonts/Canaro-Book.woff2") format("woff2");
}
@font-face {
font-family: 'Canaro-SemiBold_0';
src: url("./fonts/Canaro-SemiBold_0.eot");
src: url("./fonts/Canaro-SemiBold_0.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-SemiBold_0.otf") format("otf"), url("./fonts/Canaro-SemiBold_0.svg#Canaro-SemiBold_0") format("svg"), url("./fonts/Canaro-SemiBold_0.ttf") format("truetype"), url("./fonts/Canaro-SemiBold_0.woff") format("woff"), url("./fonts/Canaro-SemiBold_0.woff2") format("woff2");
}
@font-face {
font-family: 'Canaro-Bold';
src: url("./fonts/Canaro-Bold.eot");
src: url("./fonts/Canaro-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-Bold.woff2") format("woff2"), url("./fonts/Canaro-Bold.woff") format("woff"), url("./fonts/Canaro-Bold.ttf") format("truetype"), url("./fonts/Canaro-Bold.svg#Canaro-Bold") format("svg"), url("./fonts/Canaro-Bold.otf") format("otf");
}
@font-face {
font-family: 'Canaro Medium';
src: url("./fonts/Canaro-Medium.eot");
src: url("./fonts/Canaro-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-Medium.otf") format("otf"), url("./fonts/Canaro-Medium.svg#Canaro%20Medium") format("svg"), url("./fonts/Canaro-Medium.ttf") format("truetype"), url("./fonts/Canaro-Medium.woff") format("woff"), url("./fonts/Canaro-Medium.woff2") format("woff2");
}
@font-face {
font-family: 'Canaro-SemiBold';
src: url("./fonts/Canaro-SemiBold.eot");
src: url("./fonts/Canaro-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Canaro-SemiBold.otf") format("otf"), url("./fonts/Canaro-SemiBold.svg#Canaro-SemiBold") format("svg"), url("./fonts/Canaro-SemiBold.woff2") format("woff2"), url("./fonts/Canaro-SemiBold.woff") format("woff"), url("./fonts/Canaro-SemiBold.ttf") format("truetype");
}
body {
margin: 20px;
max-width: 100% !important;
margin: 0px !important;
padding: 0px !important;
box-shadow: none !important;
color: #000040 !important;
font-family: 'Canaro-Light';
}
*, ::after, ::before {
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html.gaping {
padding-top: 0px !important;
}
.dialog-off-canvas-main-canvas {
overflow: hidden;
}
b, strong {
font-weight: 700;
}
a, input, select, textarea, .swiper-button-next, .swiper-button-prev {
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
outline: none;
text-decoration: none;
}
a:hover, a:focus, input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, .swiper-button-next:hover, .swiper-button-next:focus, .swiper-button-prev:hover, .swiper-button-prev:focus {
outline: none;
border-color: transparent;
}
p {
font-family: 'Canaro-Light';
}
select::-ms-expand {
display: none;
}
@media screen and (min-width: 1600px) {
.breadcrum-outer .container, .header .container {
max-width: 1520px;
}
}
@media screen and (min-width: 1920px) {
.breadcrum-outer .container, .header .container {
max-width: 1820px;
}
}
@media screen and (min-width: 1600px) {
.container {
max-width: 1300px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.container {
max-width: 100%;
}
}
.button1 {
padding-right: 20px;
}
.button1 a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #ffffff;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
color: #ffffff;
line-height: 1;
}
.button1 a:hover, .button1 a:focus {
background-color: #ffffff;
color: #000040;
}
.button2 a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #01CAF3;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #ffffff;
}
.button2 a:hover, .button2 a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.error404 .main-content {
padding: 150px 0px;
text-align: center;
}
.error404 .main-content p {
font-size: 16px;
font-weight: 400;
color: #000040;
margin-top: 25px;
margin-bottom: 0px;
}
.error404 .main-content .link-bordered {
margin-top: 30px;
}
.error404 .main-content .link-bordered a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #01CAF3;
background-color: #000040;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #ffffff;
}
.error404 .main-content .link-bordered a:hover, .error404 .main-content .link-bordered a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.back-to-top-ouuter {
position: absolute;
z-index: 99;
bottom: 120px;
}
@media screen and (max-width: 767px) {
.back-to-top-ouuter {
display: none;
}
}
@media screen and (min-width: 768px) {
.back-to-top-ouuter {
right: 0px;
}
}
@media screen and (min-width: 1300px) {
.back-to-top-ouuter {
right: 30px;
}
}
.back-to-top-ouuter .back-to-top {
position: relative;
cursor: pointer;
}
.back-to-top-ouuter .back-to-top:before {
background-image: url("./../../images/backtotop.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 26px;
height: 60px;
display: block;
content: "";
position: absolute;
top: -110px;
left: 4px;
right: 0px;
margin: auto;
}
.back-to-top-ouuter .back-to-top p {
margin-bottom: 0px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
font-size: 14px;
}
.loader {
filter: url("#goo");
position: relative;
width: 300px;
height: 70px;
position: absolute;
left: 0px;
right: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
}
.loader::after {
content: '';
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
background: #000040;
margin: 0 auto;
position: absolute;
top: 17.5px;
left: 132.5px;
animation: scale 2.5s ease-in-out infinite;
}
.loader div {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background: #000040;
top: 20px;
left: 135px;
animation: move 2.5s ease-in-out infinite alternate;
}
.loader div::after, .loader div::before {
content: '';
display: block;
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background: #000040;
}
.loader div::before {
left: -75px;
}
.loader div::after {
left: 75px;
}
@keyframes move {
0% {
transform: translateX(-150px);
}
100% {
transform: translateX(150px);
}
}
@keyframes scale {
10% {
transform: scale(1);
}
50% {
transform: scale(1.25);
}
90% {
transform: scale(1);
}
}
.loader-wrapper {
background: #ffffff;
width: 100%;
height: 100%;
min-height: 100vh;
}
svg {
position: absolute;
z-index: -100;
pointer-events: none;
}
.breadcrum-outer ol li {
cursor: pointer;
}
.breadcrum-outer ol li a {
cursor: pointer;
}
.header {
padding: 10px 0px;
position: relative;
width: 100%;
top: 0px;
z-index: 9;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.header {
padding: 10px 0px 20px;
}
}
@media screen and (min-width: 768px) {
.header:before {
background-image: url("./../../images/forme-left.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
display: block;
content: "";
width: 528px;
height: 629px;
z-index: -1;
}
.header:after {
background-image: url("./../../images/forme-right.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
right: 0px;
top: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.header .header-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
.header .header-inner .site-logo img {
max-width: 220px;
}
@media screen and (min-width: 768px) {
.header .header-inner .site-logo img {
max-width: 160px;
}
}
@media screen and (min-width: 992px) {
.header .header-inner .site-logo img {
max-width: 230px;
}
}
@media screen and (min-width: 1200px) {
.header .header-inner .site-logo img {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.header .header-inner .main-navigation {
display: block;
position: fixed;
width: 100%;
height: 100vh;
top: -150%;
bottom: 0;
transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
z-index: 99;
left: 0px;
background-color: #01CAF3;
}
.header .header-inner .main-navigation .menu-header-menu-container {
padding-top: 120px;
text-align: center;
}
}
.header .header-inner .main-navigation ul.menu {
padding: 0px;
margin: 0px;
}
@media screen and (max-width: 767px) {
.header .header-inner .main-navigation ul.menu {
display: block;
}
}
.header .header-inner .main-navigation ul.menu li {
color: #ffffff;
list-style: none;
display: inline-block;
}
@media screen and (max-width: 767px) {
.header .header-inner .main-navigation ul.menu li {
display: block;
padding: 15px 0px;
}
}
@media screen and (min-width: 768px) {
.header .header-inner .main-navigation ul.menu li {
padding: 0 2px;
}
}
@media screen and (min-width: 992px) {
.header .header-inner .main-navigation ul.menu li {
padding: 0 12px;
}
}
@media screen and (min-width: 1200px) {
.header .header-inner .main-navigation ul.menu li {
padding: 0 20px;
}
}
@media screen and (min-width: 1600px) {
.header .header-inner .main-navigation ul.menu li {
padding: 0 35px;
}
}
@media screen and (min-width: 1900px) {
.header .header-inner .main-navigation ul.menu li {
padding: 0 40px;
}
}
.header .header-inner .main-navigation ul.menu li a {
font-size: 18px;
color: #000040;
text-decoration: none;
padding: 0px;
display: inline-block;
}
.header .header-inner .main-navigation ul.menu li a:hover, .header .header-inner .main-navigation ul.menu li a:focus {
color: #000040;
}
@media screen and (min-width: 768px) {
.header .header-inner .main-navigation ul.menu li a {
font-size: 13px;
color: #000040;
}
.header .header-inner .main-navigation ul.menu li a:hover, .header .header-inner .main-navigation ul.menu li a:focus {
color: #01CAF3;
}
}
@media screen and (min-width: 992px) {
.header .header-inner .main-navigation ul.menu li a {
font-size: 15px;
}
}
@media screen and (min-width: 1200px) {
.header .header-inner .main-navigation ul.menu li a {
font-size: 16px;
}
}
@media screen and (min-width: 1600px) {
.header .header-inner .main-navigation ul.menu li a {
font-size: 18px;
}
}
.header .header-inner .main-navigation ul.menu li:last-child {
padding-right: 0px;
}
.header .header-inner .main-navigation ul.menu li:last-child a {
padding: 8px 10px;
border: 3px solid #01CAF3;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background-color: transparent;
}
@media screen and (min-width: 768px) {
.header .header-inner .main-navigation ul.menu li:last-child a {
padding: 12px 19px;
}
}
@media screen and (min-width: 992px) {
.header .header-inner .main-navigation ul.menu li:last-child a {
padding: 12px 19px;
}
}
.header .header-inner .main-navigation ul.menu li:last-child a:hover, .header .header-inner .main-navigation ul.menu li:last-child a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.header .header-inner .main-navigation ul.menu li.active a {
font-family: 'Canaro-SemiBold';
}
@media screen and (max-width: 767px) {
.header .header-top {
padding-bottom: 10px;
}
}
.header .header-top .accessblity-module {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: flex-end;
-ms-justify-content: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.header .header-top .accessblity-module {
padding-right: 110px;
}
}
@media screen and (min-width: 992px) {
.header .header-top .accessblity-module {
padding-right: 130px;
}
}
@media screen and (min-width: 1200px) {
.header .header-top .accessblity-module {
padding-right: 150px;
}
}
@media screen and (min-width: 1600px) {
.header .header-top .accessblity-module {
padding-right: 190px;
}
}
@media screen and (min-width: 1920px) {
.header .header-top .accessblity-module {
padding-right: 200px;
}
}
.header .header-top .accessblity-module .front-resizer {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
padding-right: 15px;
}
.header .header-top .accessblity-module .front-resizer .increase, .header .header-top .accessblity-module .front-resizer .reset, .header .header-top .accessblity-module .front-resizer .decrease {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
color: #000040;
padding-left: 15px;
cursor: pointer;
}
.header .header-top .contrast {
position: relative;
z-index: 99;
margin-top: -3px;
}
.header .header-top .contrast .contrast-switcher {
height: 35px;
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
.header .header-top .contrast .contrast-switcher .contrast-image {
height: 18.6333px;
width: 18.6333px;
position: relative;
cursor: pointer;
}
.header .header-top .contrast .contrast-switcher .contrast-image svg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
color: #000040;
}
.header .header-top .contrast .contrast-switcher .contrast-image .dark {
opacity: 0;
}
.contrast-on .header .header-top .contrast .contrast-switcher .contrast-image svg {
color: #01CAF3;
}
.contrast-on .header .header-top .contrast .contrast-switcher .contrast-image .dark {
opacity: 0;
}
.contrast-on .header .header-top .accessblity-module .front-resizer .increase, .contrast-on .header .header-top .accessblity-module .front-resizer .reset, .contrast-on .header .header-top .accessblity-module .front-resizer .decrease, .contrast-on .header .header-inner .main-navigation ul.menu li a {
color: #ffffff;
}
.contrast-on .header .header-inner .main-navigation ul.menu li:last-child a {
border: 2px solid #ffffff;
}
.contrast-on .header .header-inner .main-navigation ul.menu li a:hover, .contrast-on .header .header-inner .main-navigation ul.menu li a:focus {
color: #01CAF3;
}
.contrast-on .header .header-inner .main-navigation ul.menu li:last-child a:hover, .contrast-on .header .header-inner .main-navigation ul.menu li:last-child a:focus {
background-color: #ffffff;
color: #000040;
}
.contrast-on .header {
background-color: #000040;
}
.home .header {
position: static;
top: 0px;
}
@media screen and (min-width: 768px) {
.home .header:before {
display: none;
}
}
.header-fixed {
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.header-fixed .header {
background-color: #ffffff;
top: 0px;
position: fixed;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
z-index: 999;
}
@media screen and (max-width: 767px) {
.header-fixed .header {
padding: 10px 0px;
}
}
.header-fixed .header .header-top {
display: none;
}
@media screen and (min-width: 768px) {
.header-fixed .header:before, .header-fixed .header:after {
display: none;
}
}
.hamburger-menu {
position: relative;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 10px 0px;
background: transparent;
border: 0;
outline: 0 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
.hamburger-menu {
display: none;
}
}
.hamburger-menu span {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 36px;
position: relative;
border-top: 4px solid #000040;
display: block;
}
.hamburger-menu span:before, .hamburger-menu span:after {
content: "";
display: block;
background: #000040;
height: 4px;
width: 36px;
position: absolute;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform-origin: 13%;
-webkit-transform-origin: 13%;
transform-origin: 13%;
}
.hamburger-menu span:before {
top: -16px;
}
.hamburger-menu span:after {
top: 8px;
}
.mmemu-open {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
.mmemu-open .hamburger-menu span {
border-top: 6px solid transparent;
z-index: 999;
}
.mmemu-open .hamburger-menu span:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: -14px;
background-color: #ffffff;
}
.mmemu-open .hamburger-menu span:after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 5px;
background-color: #ffffff;
}
.mmemu-open .main-navigation {
top: 0 !important;
}
@media screen and (min-width: 768px) {
.academic .header:before, .academic .header:after, .blog-deatail-page .header:before, .blog-deatail-page .header:after {
display: none;
}
}
@media screen and (min-width: 768px) {
.training .header:before, .research-seminar .header:before {
display: none;
}
}
.footer {
position: relative;
z-index: 99;
background-color: #000040;
color: #ffffff;
}
@media screen and (min-width: 768px) {
.footer {
padding: 60px 0px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.footer .container {
padding-right: 50px;
}
}
@media screen and (min-width: 768px) {
.footer .footer-top {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
border-bottom: 1px solid #01CAF3;
padding-bottom: 35px;
margin-bottom: 35px;
}
}
.footer .footer-top .footer-item h3 {
font-family: 'Canaro-Bold';
font-size: 20px;
margin: 0px;
padding-bottom: 10px;
}
.footer .footer-top .footer-item a {
color: #ffffff;
font-family: 'Canaro-Light';
font-size: 17px;
text-decoration: none;
}
.footer .footer-top .footer-item a:hover, .footer .footer-top .footer-item a:focus {
color: #01CAF3;
}
.footer .footer-top .footer-item .social-links a {
font-size: 24px;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.footer .footer-top .footer-item {
margin-bottom: 30px;
}
}
.footer .footer-top .footer-item .logo-footer img {
max-width: 280px;
}
@media screen and (min-width: 768px) {
.footer .footer-top .footer-item .logo-footer img {
max-width: 180px;
}
}
@media screen and (min-width: 992px) {
.footer .footer-top .footer-item .logo-footer img {
max-width: 240px;
}
}
@media screen and (min-width: 1200px) {
.footer .footer-top .footer-item .logo-footer img {
max-width: 100%;
}
}
@media screen and (min-width: 768px) {
.footer .footer-bottom-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
}
@media screen and (max-width: 767px) {
.footer .footer-bottom-inner .left-content {
margin-bottom: 20px;
}
}
.footer .footer-bottom-inner .left-content p {
font-size: 16px;
margin-bottom: 0px;
font-family: 'Canaro-Light';
}
.footer .footer-bottom-inner .left-content p a {
color: #ffffff;
text-decoration: none;
}
.footer .footer-bottom-inner .left-content p a:hover, .footer .footer-bottom-inner .left-content p a:focus {
color: #01CAF3;
}
.footer .footer-bottom-inner .right-links a {
font-size: 16px;
color: #ffffff;
font-family: 'Canaro-Light';
text-decoration: none;
margin-left: 60px;
}
@media screen and (max-width: 767px) {
.footer .footer-bottom-inner .right-links a {
margin-right: 30px;
margin-left: 0px;
}
}
.footer .footer-bottom-inner .right-links a:hover, .footer .footer-bottom-inner .right-links a:focus {
color: #01CAF3;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper {
position: relative;
z-index: 1;
}
.homepage-content-wrapper:before {
background-image: url("./../../images/forme1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 1018px;
height: 990px;
position: absolute;
left: 0px;
top: 0px;
display: block;
content: "";
z-index: -1;
}
.homepage-content-wrapper:after {
background-image: url("./../../images/forme2.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 729px;
height: 925px;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
z-index: -1;
}
}
.homepage-content-wrapper .banner-section {
padding-top: 40px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .banner-section {
padding-top: 80px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .banner-section {
padding-top: 100px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .banner-section {
padding-top: 125px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .banner-section {
padding-top: 150px;
}
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .banner-section .banner-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
}
.homepage-content-wrapper .banner-section .banner-inner .left-image {
width: 100%;
text-align: center;
}
@media screen and (max-width: 767px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
padding-bottom: 25px;
}
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
width: 50%;
padding-right: 15px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
padding-right: 20px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
padding-right: 50px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
padding-right: 55px;
}
}
@media screen and (min-width: 1900px) {
.homepage-content-wrapper .banner-section .banner-inner .left-image {
padding-right: 65px;
}
}
.homepage-content-wrapper .banner-section .banner-inner .left-image img {
width: 100%;
}
.homepage-content-wrapper .banner-section .banner-inner .right-text {
width: 100%;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text {
width: 50%;
padding-left: 15px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text {
padding-left: 20px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text {
padding-left: 50px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text {
padding-left: 55px;
}
}
@media screen and (min-width: 1900px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text {
padding-left: 65px;
}
}
.homepage-content-wrapper .banner-section .banner-inner .right-text h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.homepage-content-wrapper .banner-section .banner-inner .right-text h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .banner-section .banner-inner .right-text h1 {
font-size: 51px;
}
}
.homepage-content-wrapper .banner-section .banner-inner .right-text p {
font-size: 16px;
color: #000040;
}
.homepage-content-wrapper .our-teams-section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .our-teams-section {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .our-teams-section {
padding-top: 150px;
padding-bottom: 150px;
}
}
.homepage-content-wrapper .our-teams-section h2 {
margin: 0px;
font-size: 28px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
}
.homepage-content-wrapper .our-teams-section h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section h2 {
font-size: 36px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section h2 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .our-teams-section h2 {
font-size: 50px;
max-width: 450px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .our-teams-section h2 {
font-size: 56px;
}
}
@media screen and (min-width: 1900px) {
.homepage-content-wrapper .our-teams-section h2 {
font-size: 62px;
}
}
.homepage-content-wrapper .our-teams-section h2 span {
color: #01CAF3;
display: block;
}
.homepage-content-wrapper .our-teams-section .accordian-items {
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items {
padding-top: 40px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section .accordian-items {
padding-top: 55px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item {
border-bottom: 1px solid #01CAF3;
padding-bottom: 30px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item {
padding-bottom: 45px;
margin-bottom: 45px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item {
padding-bottom: 60px;
margin-bottom: 60px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title {
cursor: pointer;
position: relative;
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title:after {
background-image: url("./../../images/accordian.png");
background-size: 16px;
background-repeat: no-repeat;
background-position: center right 7px;
width: 33px;
height: 33px;
border: 1px solid #01CAF3;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
content: "";
right: 10px;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
}
@media screen and (max-width: 767px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title:after {
width: 25px;
background-size: 12px;
background-position: right 5px top 9px;
height: 25px;
right: 0px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 {
margin: 0px;
font-size: 21px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 {
font-size: 30px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 {
font-size: 37px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 span {
color: #01CAF3;
font-family: 'Canaro-Light';
font-size: 18px;
margin-right: 15px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title h3 span {
font-size: 25px;
margin-right: 30px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-title.ac-open:after {
background-image: url("./../../images/accordian-open.png");
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text {
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text {
padding-top: 50px;
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .icon {
width: 100%;
text-align: center;
background: #f0f6fe;
background: -moz-linear-gradient(top, #f0f6fe 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f0f6fe 0%, #ffffff 100%);
background: linear-gradient(to bottom, #f0f6fe 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6fe', endColorstr='#ffffff', GradientType=0);
-ms-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .icon {
width: 20%;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .icon img {
margin-top: 20px;
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text {
width: 100%;
}
@media screen and (max-width: 767px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text {
padding-top: 20px;
}
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text {
width: 80%;
padding-left: 20px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text {
padding-left: 30px;
}
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text p {
margin-bottom: 0px;
font-size: 16px;
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text a .button-our-teams {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #000040;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
margin-top: 25px;
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text a .link-text {
font-family: 'Canaro-Book';
color: #007bff;
text-decoration: none;
background-color: transparent;
}
.homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text a:hover, .homepage-content-wrapper .our-teams-section .accordian-items .accordian-item .accordian-text .text a:focus {
background-color: #000040;
color: #ffffff;
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
width: 100%;
}
@media screen and (max-width: 991px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
padding-bottom: 25px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
width: 40%;
padding-right: 20px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
padding-right: 50px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
padding-right: 55px;
}
}
@media screen and (min-width: 1900px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content {
padding-right: 65px;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2 {
margin: 0px;
font-size: 28px;
font-family: 'Canaro-Bold';
color: #000040;
position: relative;
line-height: 1.1;
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2 {
font-size: 36px;
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2:after {
margin-top: 25px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .left-content h2 {
font-size: 50px;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content {
width: 100%;
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content {
width: 60%;
padding-left: 20px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content {
padding-left: 50px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content {
padding-left: 55px;
}
}
@media screen and (min-width: 1900px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content {
padding-left: 65px;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item {
border-bottom: 1px solid #01CAF3;
padding-bottom: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .title-link h5 {
font-size: 20px;
margin: 0px;
font-family: 'Canaro-SemiBold';
color: #000040;
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .title-link a {
font-size: 20px;
color: #000040;
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .title-link a:hover, .homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .title-link a:focus {
color: #01CAF3;
}
@media screen and (max-width: 991px) {
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .button2 {
padding-top: 20px;
}
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .button2 a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #000040;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
}
.homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .button2 a:hover, .homepage-content-wrapper .usefull-link-section .usefull-link-inner .right-content .usefull-link-items .usefull-link-item .button2 a:focus {
background-color: #000040;
color: #ffffff;
}
.homepage-content-wrapper .bottom-block {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .bottom-block {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .bottom-block {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .bottom-block {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .bottom-block {
padding-top: 150px;
padding-bottom: 150px;
}
}
.homepage-content-wrapper .bottom-block .bottom-block-inner {
background-image: url("./../../images/fond-tezos-explorer.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 30px 15px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
padding: 50px 40px;
position: relative;
z-index: 1;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner:before {
background-image: url("./../../images/cercle-fond.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
left: 10px;
position: absolute;
display: block;
content: "";
width: 419px;
height: 100%;
}
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .icon-item {
position: relative;
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .icon-item {
padding-left: 20px;
}
}
@media screen and (max-width: 1599px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .icon-item {
margin: auto;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .icon-item {
width: 350px;
text-align: center;
}
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .icon-item img {
margin: auto;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap {
position: relative;
}
@media screen and (max-width: 767px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap {
padding: 25px 0px;
}
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap {
max-width: 350px;
margin-left: auto;
padding: 0 40px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap {
max-width: 480px;
padding: 0px;
}
}
@media screen and (min-width: 1600px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap {
max-width: 500px;
margin-left: 0px;
}
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap h2 {
margin: 0px;
font-size: 24px;
color: #ffffff;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap h2 {
font-size: 30px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1200px) {
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap h2 {
font-size: 42px;
}
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .title-text-wrap p {
font-size: 23px;
font-family: 'Canaro-SemiBold';
color: #ffffff;
margin-bottom: 0px;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .button2 {
margin-top: auto;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .button2 a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-SemiBold';
border: 2px solid #01CAF3;
background-color: #000040;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
}
.homepage-content-wrapper .bottom-block .bottom-block-inner .button2 a:hover, .homepage-content-wrapper .bottom-block .bottom-block-inner .button2 a:focus {
background-color: #01CAF3;
color: #ffffff;
}
/*-------------------Academic Page--------------------*/
.academic-content-wrapper {
position: relative;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper:after {
background-image: url("./../../images/forme-bottom.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.academic-content-wrapper .breadcrum-outer {
padding-top: 20px;
}
.academic-content-wrapper .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.academic-content-wrapper .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.academic-content-wrapper .breadcrum-outer ol li a, .academic-content-wrapper .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.academic-content-wrapper .breadcrum-outer ol li a:hover, .academic-content-wrapper .breadcrum-outer ol li a:focus, .academic-content-wrapper .breadcrum-outer ol li span:hover, .academic-content-wrapper .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.academic-content-wrapper .breadcrum-outer ol li span {
color: #01CAF3;
}
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 150px;
padding-bottom: 150px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner {
background-color: #ffffff;
-webkit-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
width: 50%;
padding: 40px 25px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 30px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 35px 35px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 50px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 60px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 51px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text p {
font-size: 16px;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image {
width: 50%;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.academic-content-wrapper .academic-content .sp-outer .title-text {
text-align: center;
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
margin: 0px;
font-size: 21px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.3;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin: auto;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
max-width: 400px;
margin: auto;
font-size: 22px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
font-size: 32px;
}
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.academic-content-wrapper .academic-content .sp-outer .title-text p {
font-size: 16px;
max-width: 820px;
margin: auto;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .title-text p {
margin-bottom: 30px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 150px;
padding-bottom: 150px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
background-image: url("./../../images/bloc-fond.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 40px 15px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
padding: 40px 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 40px 40px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 40px 50px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 50px 60px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 50px 70px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item {
width: 25%;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
margin: 0px;
font-size: 24px;
color: #ffffff;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 30px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 42px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item {
width: 50%;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
margin-bottom: 0px;
font-size: 18px;
font-family: 'Canaro-SemiBold';
color: #ffffff;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 18px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 20px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 22px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a {
color: #01CAF3;
text-decoration: none;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a:hover, .academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a:focus {
color: #ffffff;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
width: 100%;
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
width: 25%;
text-align: center;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a {
display: inline-block;
padding: 14px 30px;
font-size: 17px;
font-family: 'Canaro-SemiBold';
border: 2px solid #01CAF3;
background-color: #000040;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #ffffff;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a:hover, .academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 40px;
padding-bottom: 40px;
padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles {
width: 30%;
padding-right: 25px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner {
max-width: 300px;
margin-right: auto;
text-align: right;
}
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title {
width: 50%;
text-align: center;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 18px;
font-family: 'Canaro-SemiBold';
color: #000040;
margin-bottom: 20px;
padding: 10px 25px;
background-color: transparent;
border: 2px solid transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
display: inline-block;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 14px;
margin-bottom: 15px;
padding: 8px 15px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 19px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span:hover, .academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span:focus {
background-color: #000040;
border: 2px solid #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title.active span {
background-color: #000040;
border: 2px solid #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts {
width: 70%;
padding-left: 25px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
background-color: #ffffff;
-webkit-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
padding: 30px 15px;
height: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 25px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 35px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 45px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 55px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 65px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text {
display: none;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text.tab-open {
display: block;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
margin: 0px;
font-size: 19px;
color: #000040;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 22px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 32px;
padding-bottom: 40px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text .text-item {
margin-bottom: 20px;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text .text-item p {
margin-bottom: 0px;
font-size: 16px;
}
/*-------------------Blog-Page--------------------*/
.blog-overview-content-wrapper {
position: relative;
z-index: 10;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper:after {
background-image: url("./../../images/forme-bottom.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.blog-overview-content-wrapper .breadcrum-outer {
padding-top: 20px;
}
.blog-overview-content-wrapper .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.blog-overview-content-wrapper .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.blog-overview-content-wrapper .breadcrum-outer ol li a, .blog-overview-content-wrapper .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.blog-overview-content-wrapper .breadcrum-outer ol li a:hover, .blog-overview-content-wrapper .breadcrum-outer ol li a:focus, .blog-overview-content-wrapper .breadcrum-outer ol li span:hover, .blog-overview-content-wrapper .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.blog-overview-content-wrapper .breadcrum-outer ol li span {
color: #01CAF3;
}
.blog-overview-content-wrapper .blog-overview-content {
padding-bottom: 40px;
position: relative;
z-index: 2;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content {
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.blog-overview-content-wrapper .blog-overview-content {
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.blog-overview-content-wrapper .blog-overview-content {
padding-bottom: 150px;
}
}
.blog-overview-content-wrapper .blog-overview-content .title {
padding-top: 25px;
text-align: center;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .title {
padding-top: 45px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .title {
padding-top: 75px;
}
}
.blog-overview-content-wrapper .blog-overview-content .title h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.blog-overview-content-wrapper .blog-overview-content .title h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin: auto;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .title h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .title h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.blog-overview-content-wrapper .blog-overview-content .title h1 {
font-size: 51px;
}
}
.blog-overview-content-wrapper .blog-overview-content .categoery-filter {
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .categoery-filter {
padding-top: 45px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .categoery-filter {
padding-top: 75px;
}
}
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox {
padding: 0px;
margin: 0px;
}
@media screen and (max-width: 767px) {
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox {
text-align: center;
display: block;
}
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
}
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox li {
color: #000040;
font-family: 'Canaro-Light';
font-size: 22px;
list-style: none;
background-color: transparent;
border: 2px solid transparent;
margin: 0 10px;
padding: 10px 20px;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox li {
margin-bottom: 15px;
}
}
.blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox li:hover, .blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox li:focus, .blog-overview-content-wrapper .blog-overview-content .categoery-filter ul.flexbox li.active {
background-color: #000040;
border: 2px solid #01CAF3;
color: #ffffff;
}
.blog-overview-content-wrapper .blog-overview-content .blog-items {
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-o-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0 -15px;
padding-top: 45px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items {
padding-top: 75px;
}
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item {
width: 100%;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item {
width: 50%;
padding: 0 15px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item {
width: 33.3333%;
}
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner {
background-color: #ffffff;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
padding: 30px 15px;
position: relative;
cursor: pointer;
height: 100%;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner {
padding: 30px 30px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner {
padding: 30px 40px;
}
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner a:before {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
content: "";
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .category {
font-size: 16px;
font-family: 'Canaro-Light';
color: #01CAF3;
padding-bottom: 20px;
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .date {
font-size: 16px;
color: #000040;
padding-bottom: 20px;
font-family: 'Canaro-Light';
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .title {
text-align: left;
padding-top: 0px;
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .title h3 {
margin: 0px;
font-family: 'Canaro-SemiBold';
font-size: 25px;
}
s .blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .title h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .item-content {
padding-top: 25px;
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .item-content p {
margin-bottom: 0px;
font-size: 16px;
font-family: 'Canaro-Light';
}
.blog-overview-content-wrapper .blog-overview-content .blog-items .blog-item .blog-item-inner .item-content img {
width: 100%;
}
.blog-overview-content-wrapper .blog-overview-content .pagination-blog {
padding-top: 25px;
text-align: center;
}
@media screen and (min-width: 768px) {
.blog-overview-content-wrapper .blog-overview-content .pagination-blog {
padding-top: 45px;
}
}
@media screen and (min-width: 992px) {
.blog-overview-content-wrapper .blog-overview-content .pagination-blog {
padding-top: 75px;
}
}
.blog-overview-content-wrapper .blog-overview-content .pagination-blog ul.pagination {
text-align: center;
padding: 0px;
margin: 0px;
display: inline-block;
width: 100%;
}
.blog-overview-content-wrapper .blog-overview-content .pagination-blog ul.pagination li {
font-size: 16px;
color: #000040;
padding: 8px 15px;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 1px solid transparent;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
display: inline-block;
cursor: pointer;
margin: 0px 10px;
}
.blog-overview-content-wrapper .blog-overview-content .pagination-blog ul.pagination li:hover, .blog-overview-content-wrapper .blog-overview-content .pagination-blog ul.pagination li:focus, .blog-overview-content-wrapper .blog-overview-content .pagination-blog ul.pagination li.active {
border: 1px solid #01CAF3;
}
.blog-banner-inner {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 40px 0 30px;
}
@media screen and (max-width: 767px) {
.blog-banner-inner {
background-position: center right;
}
}
@media screen and (min-width: 768px) {
.blog-banner-inner {
padding: 60px 0px 50px;
}
}
@media screen and (min-width: 992px) {
.blog-banner-inner {
padding: 80px 0px 50px;
}
}
@media screen and (min-width: 1200px) {
.blog-banner-inner {
padding: 100px 0px 50px;
}
}
.blog-banner-inner .breadcrum-outer {
padding-top: 10px;
}
.blog-banner-inner .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.blog-banner-inner .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.blog-banner-inner .breadcrum-outer ol li a, .blog-banner-inner .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.blog-banner-inner .breadcrum-outer ol li a:hover, .blog-banner-inner .breadcrum-outer ol li a:focus, .blog-banner-inner .breadcrum-outer ol li span:hover, .blog-banner-inner .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.blog-banner-inner .breadcrum-outer ol li span {
color: #01CAF3;
}
.blog-banner-inner .title-wrapper {
padding-top: 30px;
}
@media screen and (min-width: 768px) {
.blog-banner-inner .title-wrapper {
padding-top: 45px;
}
}
@media screen and (min-width: 992px) {
.blog-banner-inner .title-wrapper {
padding-top: 65px;
}
}
.blog-banner-inner .title-wrapper h1 {
margin: 0px;
font-size: 26px;
font-family: 'Canaro-Bold';
color: #000040;
position: relative;
line-height: 1.1;
padding-bottom: 25px;
z-index: 1;
}
.blog-banner-inner .title-wrapper h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.blog-banner-inner .title-wrapper h1 {
font-size: 34px;
}
}
@media screen and (min-width: 992px) {
.blog-banner-inner .title-wrapper h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.blog-banner-inner .title-wrapper h1 {
font-size: 51px;
}
}
@media screen and (min-width: 768px) {
.blog-banner-inner .add-to-any-wrapper {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
}
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
}
@media screen and (max-width: 767px) {
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap {
padding-bottom: 10px;
}
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap .categoery {
font-size: 18px;
font-family: 'Canaro Medium';
color: #01CAF3;
padding-right: 3px;
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap .date {
font-size: 18px;
color: #000040;
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap .date:before {
content: "|";
color: #000040;
margin: 0 15px;
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap .author {
font-size: 20px;
font-family: 'Canaro Medium';
color: #000040;
padding-right: 4px;
}
.blog-banner-inner .add-to-any-wrapper .date-categoery-wrap .date:after {
content: "|";
color: #000040;
margin: 0 15px;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner>span {
font-size: 18px;
padding-right: 20px;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner a {
color: #000040;
padding: 0px;
margin-right: 10px;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner a .a2a_svg {
background-color: transparent !important;
width: 32px !important;
height: 32px !important;
opacity: 1;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner a .a2a_svg svg {
fill: #000040 !important;
opacity: 1;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner a .a2a_svg path {
fill: #000040 !important;
opacity: 1;
}
.blog-banner-inner .add-to-any-wrapper .ata-innner a:hover .a2a_svg, .blog-banner-inner .add-to-any-wrapper .ata-innner a:focus .a2a_svg {
opacity: 1;
}
.blog-title {
padding-top: 30px;
}
@media screen and (min-width: 768px) {
.blog-title {
padding-top: 55px;
}
}
.blog-title h2 {
margin: 0px;
font-size: 26px;
font-family: 'Canaro-Bold';
color: #000040;
position: relative;
line-height: 1.1;
z-index: 1;
}
.blog-title h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.blog-title h2 {
font-size: 30px;
}
}
@media screen and (min-width: 992px) {
.blog-title h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1200px) {
.blog-title h2 {
font-size: 41px;
}
}
.blog-title-small {
padding-top: 50px;
padding-bottom: 50px;
}
.text-content {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.blog-title-small .text-outer {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.blog-title-small {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.blog-title-small {
padding-top: 95px;
padding-bottom: 95px;
}
}
@media screen and (min-width: 1200px) {
.blog-title-small {
padding-top: 110px;
padding-bottom: 110px;
}
}
.blog-title-small h3 {
margin: 0px;
font-size: 21px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
z-index: 1;
padding-bottom: 25px;
}
.blog-title-small h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
.text-content h3 {
margin: 0px;
font-size: 22px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
z-index: 1;
padding-bottom: 25px;
}
.text-content h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.blog-title-small h3 {
font-size: 25px;
}
}
.blog-title-small h3 span {
font-size: 21px !important;
}
@media screen and (min-width: 768px) {
.blog-title-small h3 span {
font-size: 25px !important;
}
}
.blog-title-small p {
font-size: 16px;
margin-bottom: 0px;
}
.text-content h2 {
font-size: 22px;
margin-top: 25px;
margin-bottom: 15px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
z-index: 1;
padding-bottom: 15px;
}
.text-content div {
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
}
.text-content p {
font-size: 16px;
margin-top: 15px;
}
.text-content li {
font-size: 16px;
font-family: 'Canaro-Light';
margin-top: 5px;
margin-bottom: 5px;
}
.blog-title-small .left {
width: 100%;
}
@media screen and (min-width: 768px) {
.blog-title-small .left {
width: 50%;
padding-right: 20px;
}
}
@media screen and (min-width: 992px) {
.blog-title-small .left {
padding-right: 30px;
}
}
.blog-title-small .right {
width: 100%;
}
@media screen and (min-width: 768px) {
.blog-title-small .right {
width: 50%;
padding-left: 20px;
}
}
@media screen and (min-width: 992px) {
.blog-title-small .right {
padding-left: 30px;
}
}
@media screen and (min-width: 768px) {
.blog-image-text {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.blog-image-text .image {
width: 100%;
}
@media screen and (min-width: 768px) {
.blog-image-text .image {
width: 50%;
padding-right: 20px;
}
}
@media screen and (min-width: 992px) {
.blog-image-text .image {
padding-right: 30px;
}
}
.blog-image-text .image img {
width: 100%;
}
.blog-image-text .text {
width: 100%;
}
@media screen and (max-width: 767px) {
.blog-image-text .text {
padding-top: 30px;
}
}
@media screen and (min-width: 768px) {
.blog-image-text .text {
width: 50%;
padding-left: 20px;
}
}
@media screen and (min-width: 992px) {
.blog-image-text .text {
padding-left: 30px;
}
}
.blog-image-text .text p {
font-size: 16px;
margin-bottom: 0px;
}
.blog-image-text .text a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #000040;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
margin-top: 25px;
}
@media screen and (min-width: 768px) {
.blog-image-text .text a {
margin-top: 40px;
}
}
.blog-image-text .text a:hover, .blog-image-text .text a:focus {
background-color: #000040;
color: #ffffff;
}
.blog-para {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.blog-para {
padding-top: 65px;
padding-bottom: 65px;
}
}
@media screen and (min-width: 992px) {
.blog-para {
padding-top: 85px;
padding-bottom: 85px;
}
}
@media screen and (min-width: 1200px) {
.blog-para {
padding-top: 110px;
padding-bottom: 110px;
}
}
.blog-para h3 {
margin: 0px;
font-size: 21px;
font-family: 'Canaro-SemiBold';
color: #000040;
position: relative;
line-height: 1.1;
z-index: 1;
padding-bottom: 25px;
}
.blog-para h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.blog-para h3 {
font-size: 25px;
}
}
.blog-para h3 span {
font-size: 21px !important;
}
@media screen and (min-width: 768px) {
.blog-para h3 span {
font-size: 25px !important;
}
}
.blog-para blockquote {
margin: 0px;
border-left: 3px solid #01CAF3;
margin-bottom: 40px;
}
.blog-para blockquote p {
font-size: 16px;
margin-bottom: 0px;
padding-left: 25px;
}
.blog-para ul {
padding-left: 17px;
}
.blog-para ul li {
font-size: 16px;
}
.blog-para a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #000040;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
margin-top: 25px;
}
@media screen and (min-width: 768px) {
.blog-para a {
margin-top: 40px;
}
}
.blog-para a:hover, .blog-para a:focus {
background-color: #000040;
color: #ffffff;
}
.blog-video {
padding-bottom: 60px;
}
.blog-video .blog-video-inner {
position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
padding: 0 0 56.25%;
-webkit-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
}
.blog-video .blog-video-inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
bottom: 20px;
left: 0px;
display: block;
}
.blog-video .blog-video-button {
margin-top: 35px;
text-align: center;
}
@media screen and (min-width: 768px) {
.blog-video .blog-video-button {
margin-top: 70px;
}
}
.blog-video .blog-video-button a {
display: inline-block;
padding: 14px 30px;
font-size: 16px;
font-family: 'Canaro-Book';
border: 2px solid #000040;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #01CAF3;
}
.blog-video .blog-video-button a:hover, .blog-video .blog-video-button a:focus {
background-color: #000040;
color: #ffffff;
}
.blog-table {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.blog-table {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.blog-table {
padding-top: 95px;
padding-bottom: 95px;
}
}
@media screen and (min-width: 1200px) {
.blog-table {
padding-top: 110px;
padding-bottom: 110px;
}
}
.blog-table table {
border: 1px solid #01CAF3;
margin: 0px;
background-color: #ffffff;
-webkit-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.1);
}
.blog-table table tr td {
border-top: 1px solid #01CAF3;
border-right: 1px solid #01CAF3;
font-family: 'Canaro-Light';
font-size: 16px;
color: #000040;
padding: 10px 10px;
}
@media screen and (min-width: 768px) {
.blog-table table tr td {
padding: 28px 32px;
}
}
.blog-table table tr td:first-child {
font-size: 18px;
font-family: 'Canaro-SemiBold';
}
/*-------------------Academic Page--------------------*/
.academic-content-wrapper {
position: relative;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper:after {
background-image: url("./../../images/forme-bottom.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.academic-content-wrapper .breadcrum-outer {
padding-top: 20px;
}
.academic-content-wrapper .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.academic-content-wrapper .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.academic-content-wrapper .breadcrum-outer ol li a, .academic-content-wrapper .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.academic-content-wrapper .breadcrum-outer ol li a:hover, .academic-content-wrapper .breadcrum-outer ol li a:focus, .academic-content-wrapper .breadcrum-outer ol li span:hover, .academic-content-wrapper .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.academic-content-wrapper .breadcrum-outer ol li span {
color: #01CAF3;
}
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .highlight-section {
padding-top: 150px;
padding-bottom: 150px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner {
background-color: #ffffff;
-webkit-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
width: 50%;
padding: 40px 25px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 30px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 35px 35px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 50px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text {
padding: 40px 60px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 {
font-size: 51px;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text h1 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .left-text p {
font-size: 16px;
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image {
width: 50%;
}
}
.academic-content-wrapper .academic-content .highlight-section .highlight-inner .right-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.academic-content-wrapper .academic-content .sp-outer .title-text {
text-align: center;
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
margin: 0px;
font-size: 21px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.3;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin: auto;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
max-width: 400px;
margin: auto;
font-size: 22px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .title-text h2 {
font-size: 32px;
}
}
.academic-content-wrapper .academic-content .sp-outer .title-text h2 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.academic-content-wrapper .academic-content .sp-outer .title-text p {
font-size: 16px;
max-width: 820px;
margin: auto;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .title-text p {
margin-bottom: 30px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action {
padding-top: 150px;
padding-bottom: 150px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
background-image: url("./../../images/bloc-fond.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 40px 15px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
padding: 40px 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 40px 40px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 40px 50px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 50px 60px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner {
padding: 50px 70px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item {
width: 25%;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
margin: 0px;
font-size: 24px;
color: #ffffff;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 30px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .title-item h2 {
font-size: 42px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item {
width: 50%;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
margin-bottom: 0px;
font-size: 18px;
font-family: 'Canaro-SemiBold';
color: #ffffff;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 18px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 20px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p {
font-size: 22px;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a {
color: #01CAF3;
text-decoration: none;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a:hover, .academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .text-item p a:focus {
color: #ffffff;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
width: 100%;
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item {
width: 25%;
text-align: center;
}
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a {
display: inline-block;
padding: 14px 30px;
font-size: 17px;
font-family: 'Canaro-SemiBold';
border: 2px solid #01CAF3;
background-color: #000040;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #ffffff;
}
.academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a:hover, .academic-content-wrapper .academic-content .sp-outer .call-to-action .cta-inner .link-item a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 40px;
padding-bottom: 40px;
padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles {
width: 30%;
padding-right: 25px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner {
max-width: 300px;
margin-right: auto;
text-align: right;
}
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title {
width: 50%;
text-align: center;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 18px;
font-family: 'Canaro-SemiBold';
color: #000040;
margin-bottom: 20px;
padding: 10px 25px;
background-color: transparent;
border: 2px solid transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
display: inline-block;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 14px;
margin-bottom: 15px;
padding: 8px 15px;
}
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span {
font-size: 19px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span:hover, .academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title span:focus {
background-color: #000040;
border: 2px solid #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-titles .tab-title-inner .tab-title.active span {
background-color: #000040;
border: 2px solid #01CAF3;
color: #ffffff;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts {
width: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts {
width: 70%;
padding-left: 25px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
background-color: #ffffff;
-webkit-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
padding: 30px 15px;
height: 100%;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 25px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 35px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 45px;
}
}
@media screen and (min-width: 1600px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 55px;
}
}
@media screen and (min-width: 1920px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner {
padding: 30px 65px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text {
display: none;
transition: all 0.32s ease-in-out;
-ms-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
-moz-transition: all 0.32s ease-in-out;
-webkit-transition: all 0.32s ease-in-out;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text.tab-open {
display: block;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
margin: 0px;
font-size: 19px;
color: #000040;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 22px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text h3 {
font-size: 32px;
padding-bottom: 40px;
}
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text .text-item {
margin-bottom: 20px;
}
.academic-content-wrapper .academic-content .tab-sytem-wrapper .tab-items .tab-texts .tab-texts-inner .tab-text .text-item p {
margin-bottom: 0px;
font-size: 16px;
}
.training-content-wrapper {
position: relative;
}
@media screen and (min-width: 768px) {
.training-content-wrapper:after {
background-image: url("./../../images/forme-bottom.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.training-content-wrapper .breadcrum-outer {
padding-top: 20px;
}
.training-content-wrapper .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.training-content-wrapper .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.training-content-wrapper .breadcrum-outer ol li a, .training-content-wrapper .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.training-content-wrapper .breadcrum-outer ol li a:hover, .training-content-wrapper .breadcrum-outer ol li a:focus, .training-content-wrapper .breadcrum-outer ol li span:hover, .training-content-wrapper .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.training-content-wrapper .breadcrum-outer ol li span {
color: #01CAF3;
}
.training-content-wrapper .training-content .text-image-section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .text-image-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .text-image-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .text-image-section {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.training-content-wrapper .training-content .text-image-section {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
width: 100%;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
width: 60%;
padding-right: 20px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
padding-right: 30px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
padding-right: 40px;
}
}
@media screen and (min-width: 1600px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
padding-right: 45px;
}
}
@media screen and (min-width: 1920px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text {
padding-right: 50px;
}
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1 {
font-size: 51px;
}
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text h1 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text p {
font-size: 16px;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text ul {
padding: 0px;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text ul li {
font-size: 16px;
color: #000040;
padding-left: 15px;
list-style: none;
position: relative;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .left-text ul li:before {
width: 7px;
height: 7px;
background-color: #01CAF3;
content: "";
display: block;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0px;
top: 10px;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
width: 100%;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
width: 40%;
padding-left: 20px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
padding-left: 30px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
padding-left: 40px;
}
}
@media screen and (min-width: 1600px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
padding-left: 45px;
}
}
@media screen and (min-width: 1920px) {
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image {
padding-left: 50px;
}
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image .image {
height: 100%;
}
.training-content-wrapper .training-content .text-image-section .text-image-inner .right-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.training-content-wrapper .training-content .tr-outer {
padding-top: 40px;
padding-bottom: 40px;
padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .tr-outer {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .tr-outer {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.training-content-wrapper .training-content .tr-outer {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer .title-categoery {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.training-content-wrapper .training-content .tr-outer .title-categoery h2 {
margin: 0px;
font-size: 21px;
color: #000040;
font-family: 'Canaro-SemiBold';
position: relative;
line-height: 1.1;
z-index: 1;
}
.training-content-wrapper .training-content .tr-outer .title-categoery h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer .title-categoery h2 {
font-size: 22px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .tr-outer .title-categoery h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .tr-outer .title-categoery h2 {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.training-content-wrapper .training-content .tr-outer .title-categoery .categoery {
padding-top: 15px;
}
}
.training-content-wrapper .training-content .tr-outer .title-categoery .categoery span {
font-size: 18px;
font-family: 'Canaro-Light';
color: #000040;
padding-right: 15px;
}
.training-content-wrapper .training-content .tr-outer .title-categoery .categoery select {
background-color: #000040;
background-image: url("./../../images/accordian.png");
background-position: center right 14px;
background-size: 14px;
background-repeat: no-repeat;
padding: 10px 25px;
padding-right: 40px;
color: #ffffff;
font-size: 18px;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
.training-content-wrapper .training-content .tr-outer .tr-items {
padding-top: 20px;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer .tr-items {
padding-top: 35px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .tr-outer .tr-items {
padding-top: 50px;
}
}
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item {
background-color: #ffffff;
-webkit-box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.17);
box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.17);
margin-bottom: 20px;
padding: 30px 15px;
}
@media screen and (min-width: 650px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item {
padding: 30px 25px;
}
}
@media screen and (min-width: 992px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item {
padding: 30px 30px;
}
}
@media screen and (min-width: 1200px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item {
padding: 30px 40px;
}
}
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item .title-item h3 {
color: #000040;
margin: 0px;
font-family: 'Canaro-SemiBold';
font-size: 19px;
}
@media screen and (min-width: 768px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item .title-item h3 {
font-size: 24px;
}
}
@media screen and (max-width: 649px) {
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item .link-item {
margin-top: 25px;
}
}
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item .link-item a {
display: inline-block;
padding: 14px 30px;
font-size: 17px;
font-family: 'Canaro-SemiBold';
border: 2px solid #01CAF3;
background-color: transparent;
-ms-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
line-height: 1.4;
color: #000040;
width: 160px;
text-align: center;
}
.training-content-wrapper .training-content .tr-outer .tr-items .tr-item .link-item a:hover, .training-content-wrapper .training-content .tr-outer .tr-items .tr-item .link-item a:focus {
background-color: #01CAF3;
color: #ffffff;
}
.research-seminar-content-wrapper {
position: relative;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper:after {
background-image: url("./../../images/forme-bottom.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
content: "";
width: 517px;
height: 481px;
z-index: -1;
}
}
.research-seminar-content-wrapper .breadcrum-outer {
padding-top: 20px;
}
.research-seminar-content-wrapper .breadcrum-outer ol {
padding: 0px;
margin: 0px;
}
.research-seminar-content-wrapper .breadcrum-outer ol li {
list-style: none;
display: inline-block;
}
.research-seminar-content-wrapper .breadcrum-outer ol li a, .research-seminar-content-wrapper .breadcrum-outer ol li span {
font-size: 16px;
text-decoration: none;
display: inline-block;
color: #000040;
}
.research-seminar-content-wrapper .breadcrum-outer ol li a:hover, .research-seminar-content-wrapper .breadcrum-outer ol li a:focus, .research-seminar-content-wrapper .breadcrum-outer ol li span:hover, .research-seminar-content-wrapper .breadcrum-outer ol li span:focus {
color: #01CAF3;
}
.research-seminar-content-wrapper .breadcrum-outer ol li span {
color: #01CAF3;
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section {
padding-top: 150px;
padding-bottom: 150px;
}
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner {
background-color: #ffffff;
-webkit-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 33px 38px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-o-align-items: center;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
}
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
width: 100%;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
width: 50%;
padding: 40px 25px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
padding: 40px 30px;
}
}
@media screen and (min-width: 1200px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
padding: 35px 35px;
}
}
@media screen and (min-width: 1600px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
padding: 40px 50px;
}
}
@media screen and (min-width: 1920px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text {
padding: 40px 60px;
}
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1 {
margin: 0px;
font-size: 26px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.1;
padding-bottom: 20px;
z-index: 1;
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1 {
font-size: 34px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1 {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1 {
font-size: 51px;
}
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text h1 span {
font-family: 'Canaro-SemiBold';
font-size: 32px;
display: block;
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .left-text p {
font-size: 16px;
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .right-image {
width: 100%;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .right-image {
width: 50%;
}
}
.research-seminar-content-wrapper .research-seminar-content .highlight-section .highlight-inner .right-image .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.research-seminar-content-wrapper .our-seminars-wrapper {
padding-top: 40px;
padding-bottom: 40px;
padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .our-seminars-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .our-seminars-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1200px) {
.research-seminar-content-wrapper .our-seminars-wrapper {
padding-top: 125px;
padding-bottom: 125px;
}
}
@media screen and (min-width: 1600px) {
.research-seminar-content-wrapper .our-seminars-wrapper {
padding-top: 150px;
padding-bottom: 150px;
}
}
.research-seminar-content-wrapper .our-seminars-wrapper h2 {
margin: 0px;
font-size: 24px;
color: #000040;
font-family: 'Canaro-Bold';
position: relative;
line-height: 1.3;
padding-bottom: 20px;
z-index: 1;
}
.research-seminar-content-wrapper .our-seminars-wrapper h2:after {
content: "";
display: block;
width: 75px;
background-color: #01CAF3;
height: 5px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .our-seminars-wrapper h2 {
font-size: 30px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .our-seminars-wrapper h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1200px) {
.research-seminar-content-wrapper .our-seminars-wrapper h2 {
font-size: 42px;
}
}
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items {
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items {
display: flex;
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-o-justify-content: space-netween;
-ms-justify-content: space-netween;
-webkit-justify-content: space-netween;
justify-content: space-netween;
margin: 0 -15px;
padding-top: 40px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items {
padding-top: 50px;
}
}
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item {
width: 100%;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item {
width: 50%;
padding: 0 15px;
margin-bottom: 40px;
}
}
@media screen and (min-width: 992px) {
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item {
margin-bottom: 60px;
}
}
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item h3 {
font-size: 32px;
margin: 0px;
font-family: 'Canaro-SemiBold';
color: #000040;
padding-bottom: 20px;
}
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item .iframe-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
padding-bottom: 56.25%;
}
.research-seminar-content-wrapper .our-seminars-wrapper .seminar-items .seminar-item .iframe-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}