@font-face {
font-family : TT Norms Pro Regular;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Regular"), url("/fonts/TT%20Norms%20Pro%20Regular.woff") format("woff");
}
@font-face {
{
font-family : TT Norms Pro Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Italic"), url("/fonts/TT%20Norms%20Pro%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Thin;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Thin"), url("/fonts/TT%20Norms%20Pro%20Thin.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Thin Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Thin Italic"), url("/fonts/TT%20Norms%20Pro%20Thin%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraLight;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraLight"), url("/fonts/TT%20Norms%20Pro%20ExtraLight.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraLight Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraLight Italic"), url("/fonts/TT%20Norms%20Pro%20ExtraLight%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Light;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Light"), url("/fonts/TT%20Norms%20Pro%20Light.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Light Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Light Italic"), url("/fonts/TT%20Norms%20Pro%20Light%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Medium;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Medium"), url("/fonts/TT%20Norms%20Pro%20Medium.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Medium Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Medium Italic"), url("/fonts/TT%20Norms%20Pro%20Medium%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Bold;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Bold"), url("/fonts/TT%20Norms%20Pro%20Bold.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Bold Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Bold Italic"), url("/fonts/TT%20Norms%20Pro%20Bold%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraBold;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraBold"), url("/fonts/TT%20Norms%20Pro%20ExtraBold.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraBold Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraBold Italic"), url("/fonts/TT%20Norms%20Pro%20ExtraBold%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Black;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Black"), url("/fonts/TT%20Norms%20Pro%20Black.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro Black Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro Black Italic"), url("/fonts/TT%20Norms%20Pro%20Black%20Italic.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraBlack;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraBlack"), url("/fonts/TT%20Norms%20Pro%20ExtraBlack.woff") format("woff");
}
}
@font-face {
{
font-family : TT Norms Pro ExtraBlack Italic;
font-style : normal;
font-weight : 400;
src : local("TT Norms Pro ExtraBlack Italic"), url("/fonts/TT%20Norms%20Pro%20ExtraBlack%20Italic.woff") format("woff");
}
}
body {
font-family : TT Norms Pro Regular;
font-weight : 400;
font-size : 15px;
color : #667093;
line-height : 1.8;
}
a {
color : #1c4360;
}
a:focus {
outline : none;
}
a:hover {
color : #1c4360;
}
h1, h2, h3, h4, h5 {
color : #1c4360;
/*font-family : TT Norms Pro Medium;*/
}
.logo {
padding: 5px 5px;
background :linear-gradient(-45deg, #ffffff, #ffffff);
margin-bottom : -20px;
border-bottom-left-radius : 15px;
border-bottom-right-radius : 15px;
position : relative;
}
.logo:before {
content : "";
display : block;
position : absolute;
right : 0;
left : 0;
bottom : 0;
top : 0;
background-image : url(../img/logo-bg.png);
background-position : 50%;
background-size : cover;
border-radius: 10px;
}
.main-header {
box-shadow : 0 0 2px 0 rgb(0, 0, 0, 0.4);
z-index : 999;
background : #fff;
position : relative;
}
.main-header .dropdown-menu {
border-radius : 10px;
}
.main-header .dropdown-menu.dropdown-menu-search {
max-width : 400px;
min-width : 400px;
padding : 20px;
}
.main-header .dropdown-menu.dropdown-menu-lang {
max-width : 120px;
min-width : auto;
}
.main-header-body {
display : flex;
align-items : center;
justify-content : space-between;
}
.main-header-body > ul {
padding : 0;
margin : 0 0 -3px;
}
.main-header-body > ul, .main-header-body > ul:not(.main-navbar) li:not(:last-child) {
display : flex;
align-items : center;
}
.main-header-body > ul:not(.main-navbar) li:not(:last-child):after {
margin : 0 15px;
content : "";
display : block;
height : 20px;
width : 1px;
background : #d9d9d9;
}
.main-header-body > ul:not(.main-navbar) li:nth-last-child(2):after {
display : none;
}
.main-header-body > ul > li {
list-style-type : none;
position : relative;
}
.main-header-body > ul > li > a {
display : block;
padding : 20px 15px;
color : hsl(0 0% 100% / 0.8);
font-weight : 600;
letter-spacing : 0.5px;
color : #667093;
}
.main-header-body > ul > li > a.active {
color : #0e7dbe;
}
.main-header-body > ul > li > a:not(.btn):hover {
color : #0e7dbe;
text-decoration : none;
}
.main-header-body > ul > li > a.btn {
padding : 12px 20px;
}
.main-header-body > ul > li > a.dropmenu-wrapper:after {
content : "\f054";
font : normal normal 14px/1 FontAwesome;
opacity : 0.8;
font-size : 10px;
margin-left : 10px;
margin-top : 0;
display : inline-block;
transform : rotate(90deg);
}
.main-header-body > ul > li .dropmenu {
position : absolute;
width : 290px;
padding : 20px 0 12px;
left : 50%;
margin-left : -100px;
visibility : hidden;
opacity : 0;
margin-top : -5px;
transition : all 0.2s;
}
.main-header-body > ul > li .dropmenu:before {
content : "";
display : none;
width : 40px;
height : 4px;
position : absolute;
top : -10px;
left : 50%;
margin-left : -20px;
background : #0e7dbe;
}
.main-header-body > ul > li:hover .dropmenu {
visibility : visible;
opacity : 1;
margin-top : 0;
}
.main-header-body > ul > li:hover .dropmenu:after, .main-header-body > ul > li:hover .dropmenu:before {
display : block;
}
.main-header-body > ul > li ul {
background : #fff;
margin : 0;
padding : 10px;
border-radius : 8px;
box-shadow : 0 0 15px -5px rgb(0, 0, 0, 0.3);
}
.main-header-body > ul > li ul li {
list-style-type : none;
}
.main-header-body > ul > li ul li a {
    display: block;
    padding: 7px 7px;
    text-align: center;
    font-weight: 600;
    border-radius: 8px;
    color: #667093;
    transition: all 0.3s;
    border: 1px solid #dadada80;
    margin-bottom: 5px;
}
.main-header-body > ul > li ul li a.active {
	color : #9bc31e;
}
.main-header-body > ul > li ul li a:hover {
	color: #2f2f2f;
    text-decoration: none;
    background: #87ca607a;
}
.main-header a.responsive-menu-button {
	display : none;
	font-size : 25px;
	/*background : #fff;*/
	color : #0e7dbe;
	width : 50px;
	height : 50px;
	padding : 0;
	align-items : center;
	justify-content : center;
	border-radius : 50%;
}
.hero {
	position : relative;
	background : #fff;
	background : linear-gradient(#f5f9fe, #fff);
	padding-top : 0;
}
.hero .slick-dots {
	position : static !important ;
	margin : auto !important ;
}
@media (min-width: 1200px) {
.hero .slick-dots {
	width : 1400px;
	justify-content : flex-end;
	transform : translateY(-183px) !important ;
}
}
@media (max-width: 1200px) {
.hero .slick-dots {
	justify-content : center !important ;
	transform : translateY(-30px) !important ;
}
}
@media (max-width: 1400px) {
.hero .slick-dots {
	width : auto;
	padding-right : 15px;
}
}
.hero svg {
	position : absolute;
	z-index : 9;
	bottom : 25px;
}
.hero svg path {
fill : #fff;
}
.hero .hero-slide {
position : relative;
text-shadow : 0 2px 0 rgb(0, 0, 0, 0.3);
}
.hero .hero-slide img {
object-fit : cover;
}
.hero .hero-slide:after {
content : "";
display : block;
background : linear-gradient(180deg, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.7));
position : absolute;
right : 0;
left : 0;
bottom : 0;
top : 0;
}
.hero .hero-slide .hero-slide-cover {
display : flex;
align-items : center;
background-repeat : no-repeat !important ;
background-size : cover !important ;
background-position : 50% !important ;
height : 700px;
color : #fff;
}
.hero .hero-slide .hero-slide-cover > * {
flex : 1;
position : relative;
z-index : 1;
}
.hero .hero-slide .hero-slide-cover h2 {
font-size : 40px;
margin-bottom : 20px;
font-weight : 700;
color : #fff;
text-align: center;
}
.hero .hero-slide .hero-slide-cover h2:after {
content : "";
display : block;
width : 150px;
height : 3px;
margin: auto;
background : #0e7dbe;
margin-top : 10px;
}
.hero .hero-slide .hero-slide-cover p {
font-size : 16px;
text-align: center;
}
.hero .hero-slide-arrows {
pointer-events : none;
position : absolute;
z-index : 1;
right : 0;
left : 0;
top : 45%;
transform : translateY(-50%);
}
.hero .hero-slide-arrows .container, .hero .hero-slide-arrows .container-fluid {
display : flex;
justify-content : space-between;
}
.hero .hero-slide-arrows button {
opacity : 0.5;
background : none;
border : none;
pointer-events : all;
color : #0e7dbe;
width : 50px;
height : 50px;
font-size : 20px;
border-radius : 10px;
transition : all 0.3s;
background : #fff;
box-shadow : 0 0 10px -5px rgb(0, 0, 0, 0.5);
}
.hero .hero-slide-arrows button:active, .hero .hero-slide-arrows button:focus, .hero .hero-slide-arrows button:hover {
opacity : 1;
outline : none;
background : linear-gradient(-45deg, #0e7dbe, #0e7dbe);
color : #fff;
}
.hero .slick-dots {
position : absolute;
z-index : 1;
bottom : -50px;
text-align : center;
justify-content : center !important ;
transform : translateX(-50%);
}
.hero .slick-dots img {
width : 100px;
height : auto;
cursor : pointer;
border : transparent solid 3px;
border-radius : 8px;
opacity : 1;
}
.hero .slick-dots .slick-active img {
border : hsl(0 0% 100% / 0.5) solid 2px;
box-shadow : 0 0 3px 2px #178a38;
}
.hero-page-header {
height : 400px;
background : #1c4360;
background-size : cover !important ;
background-position : 50% !important ;
text-align : center;
color : #fff;
display : flex;
align-items : center;
justify-content : center;
}
.hero-page-header h1 {
color : #fff;
}
.hero-page-header .breadcrumb {
background : none;
justify-content : center;
}
.hero-page-header .breadcrumb .breadcrumb-item {
text-transform : uppercase;
font-size : 11px;
letter-spacing : 1px;
}
.hero-page-header .breadcrumb .breadcrumb-item.active {
color : #fff;
}
.hero-page-header .breadcrumb .breadcrumb-item a {
color : hsl(0 0% 100% / 0.7);
}
.hero-page-header + .section {
margin-top : -80px;
position : relative;
z-index : 1;
}
.btn {
padding : 12px 20px;
letter-spacing : 0.5px;
border-radius : 7px;
}
.btn.btn-outline-primary {
border-color : #0e7dbe;
color : #0e7dbe;
}
.btn.btn-outline-primary:active, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover, .btn.btn-primary {
color : #fff;
background : linear-gradient(-45deg, #0e7dbe, #0e7dbe);
}
.btn.btn-primary {
border-color : transparent;
}
.btn.btn-primary:focus {
box-shadow : none !important ;
opacity : 0.9;
border-color : transparent !important ;
}
.btn.btn-success {
background : #9bc31e !important ;
border-color : transparent;
}
.btn:focus {
box-shadow : none;
}
.data-list-1 {
display : block;
margin-bottom : 45px;
}
.data-list-1-img {
position : relative;
background : #392b84;
border-radius : 12px;
}
.data-list-1-img img {
width : 100%;
border-radius: 10px;
    height: 220px;
}
.data-list-1-text {
	position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background: #00000094;
    padding: 7px;
}
.data-list-1-text div {
font-size : 12px;
}
.data-list-1-btn {
display : flex;
align-items : center;
justify-content : center;
width : 50px;
height : 50px;
border : #0e7dbe solid 2px;
border-radius : 50%;
color : #000;
margin : -25px auto;
background : #fff;
position : relative;
box-shadow : 0 0 0 3px #fff;
}
.data-list-1:hover {
text-decoration : none;
}
.data-list-1:hover .data-list-1-btn {
color : #fff;
border-color : transparent;
background : linear-gradient(-90deg, #0e7dbe, #0e7dbe);
}
.data-list-2 {
border-bottom : 1px solid hsl(0 0% 100% / 0.3);
}
.data-list-2:after {
content : "";
display : block;
background : #0e7dbe;
height : 2px;
width : 75%;
margin : auto auto -1px;
}
.data-list-2 p {
margin-bottom : 5px;
}
.data-list-2 h5 {
font-size : 25px;
}
.data-list-3 {
margin-bottom : 25px;
}
.data-list-3 figure {
background : #f2f2f2;
display : inline-block;
padding : 10px;
border-radius : 8px;
}
.data-list-3 figure img {
width : 35px;
}
.data-list-3 h6 {
color : rgb(0, 0, 0, 0.8);
font-weight : 700;
margin-bottom : 10px;
}
.data-list-4 {
display : block;
color : #667093;
background : #fff;
border-radius : 15px;
overflow : hidden;
box-shadow : 0 0 10px 1px rgb(0, 0, 0, 0.06);
margin : 0 7px 10px;
}
.data-list-4 .fa-circle {
font-size : 9px;
color : rgb(0, 0, 0, 0.4);
}
.data-list-4 figure {
height : 250px;
background-size : cover !important ;
background-position : 50% !important ;
margin-bottom : 0;
}
.data-list-4 figure img {
width : 100%;
}
.data-list-4 h6 {
color : rgb(0, 0, 0, 0.8);
font-weight : 700;
margin-bottom : 10px;
}
.data-list-4-body {
padding : 10px;
}
.data-list-4-body h6 + div {
min-height : 100px;
}
.data-list-4:hover {
text-decoration : none;
}
.data-list-4:hover figure {
opacity : 0.9;
}
.data-list-5 {
display : block;
margin : 7px;
box-shadow : 0 -2px 28px 0 rgb(0, 0, 0, 0.1);
border-radius : 15px;
background : #2c333a;
}
.data-list-5 figure {
position : relative;
}
.data-list-5 figure img {
width : 100%;
HEIGHT: 290PX;
    border-radius: 5px;
}
.data-list-5 figure .data-list-5-body {
padding : 10px;
background : #fff;
border-top-left-radius : 8px;
border-top-right-radius : 8px;
margin : 0 15px;
text-align : center;
position : absolute;
bottom : 0;
}
.data-list-5 figure .video-icon {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
}
.data-list-5 figure .video-icon:after, .data-list-5 figure .video-icon:before {
transition : all 0.3s;
}
.data-list-5 figure .video-icon:before {
content : "";
display : block;
background : linear-gradient(#8c99b5, #5a6777);
position : absolute;
left : -20px;
top : -20px;
bottom : -20px;
right : -20px;
border-radius : 50%;
z-index : 1;
}
.data-list-5 figure .video-icon:after {
content : "";
display : block;
background : linear-gradient(#6d7da1, #5a6777);
position : absolute;
left : -10px;
top : -10px;
bottom : -10px;
right : -10px;
border-radius : 50%;
z-index : 1;
}
.data-list-5 figure .video-icon i {
background : #fff;
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
border-radius : 50%;
position : relative;
z-index : 2;
color : #0e7dbe;
transition : all 0.3s;
}
.data-list-5:hover {
text-decoration : none;
}
.data-list-5:hover figure {
opacity : 0.9;
}
.data-list-5:hover figure .video-icon i {
background : #0e7dbe;
color : #fff;
}
.data-list-6 {
display : inline-block;
padding : 20px;
background : #f2f2f2;
border-radius : 15px;
transition : all 0.3s;
margin : 5px 10px;
}
.data-list-6:hover {
background : #fff;
box-shadow : 0 2px 7px 0 rgb(0, 0, 0, 0.1);
}
.data-list-7 {
border-radius : 15px;
justify-content : space-between;
padding : 15px 30px 15px 20px;
background : #e9ecf5;
color : #667093;
margin-bottom : 15px;
font-weight : 700;
}
.data-list-7, .data-list-7 > div {
display : flex;
align-items : center;
}
.data-list-7 > div figure {
margin-bottom : 0;
background : #d9d9d9;
border-radius : 10px;
width : 70px;
padding : 3px;
margin-right : 15px;
}
.data-list-7 > div figure img {
width : 100%;
}
.data-list-7:hover {
background : linear-gradient(-90deg, #0e7dbe, #0e7dbe);
color : #fff;
text-decoration : none;
}
.data-list-7:hover figure {
background : #54954c;
}
.data-list-8-slide .slick-slide {
opacity : 0.4;
}
.data-list-8-slide .slick-slide.slick-center {
opacity : 1;
}
.data-list-9 {
background : #e9ecf5;
border-radius : 5px;
display : flex;
align-items : center;
justify-content : space-between;
color : #667093;
padding : 10px 20px;
font-weight : 700;
margin-bottom : 20px;
}
.data-list-9 span {
display : inline-block;
margin-right : 20px;
}
.data-list-9 figure {
margin-bottom : 0;
}
.data-list-9:hover {
text-decoration : none;
color : #000;
}
.data-list-10 {
padding : 15px 20px;
background : #ecf6e0;
border-radius : 10px;
}
.data-list-10, .data-list-10 h5 {
margin-bottom : 20px;
}
.data-list-10-card {
background : #fff;
padding : 10px;
display : flex;
align-items : center;
border-radius : 15px;
}
.data-list-10-card h6 {
color : #272b39;
}
.data-list-10-card h6 + div {
line-height : 15px;
}
.data-list-10-card figure {
margin-right : 15px;
}
.data-list-10-card figure img {
width : 100px;
border-radius : 7px;
}
.data-list-11 {
background : #fff;
padding : 10px;
display : flex;
align-items : center;
border-radius : 15px;
}
.data-list-11 h6 {
color : #272b39;
}
.data-list-11 h6 + div {
line-height : 15px;
}
.data-list-11 figure {
margin-right : 15px;
}
.data-list-11 figure img {
width : 100px;
border-radius : 7px;
}
.data-list-12 {
margin-bottom : 30px;
}
.data-list-12 figure img {
width : 100%;
border-radius : 15px;
}
.data-list-12-card {
background : #fff;
position : relative;
z-index : 1;
padding : 30px 50px;
margin-top : -18%;
}
.data-list-12:nth-child(odd) .data-list-12-card {
border-top-left-radius : 15px;
margin-left : 40%;
padding-right : 0;
}
.data-list-12:nth-child(2n) .data-list-12-card {
border-top-right-radius : 15px;
margin-right : 40%;
padding-left : 0;
}
.data-list-13 {
margin-bottom : 30px;
border : #e6e6e6 solid 1px;
padding : 10px 30px 10px 10px;
border-radius : 15px;
box-shadow : 0 0 1px #000;
}
.data-list-13 figure {
margin-bottom : 0;
}
.data-list-13 figure img {
width : 100%;
border-radius : 15px;
}
.data-list-13-card {
background : #fff;
position : absolute;
right : 30px;
bottom : 30px;
z-index : 1;
width : 70%;
border-top-left-radius : 15px;
margin-left : 40%;
padding : 20px 0 20px 20px;
}
.data-list-13-card h5 {
line-height : 35px;
}
.data-list-14 {
text-align : center;
}
.data-list-14 .card {
border-radius : 15px;
overflow : hidden;
}
.data-list-14 figure {
margin-bottom : 0;
}
.data-list-14 figure img {
width : 100%;
}
.data-list-14 .card-body {
background : #fff;
margin : -50px 15px 0;
border-radius : 15px;
}
.data-list-14 h5 {
line-height : 30px;
}
.timeline {
position : relative;
}
.timeline:before {
content : "";
display : block;
width : 3px;
background : #0e7dbe;
left : 50%;
transform : translateX(-50%);
position : absolute;
top : 0;
bottom : 0;
}
.timeline-item {
display : flex;
align-items : center;
margin-bottom : 20px;
position : relative;
z-index : 1;
}
.timeline-item-card {
flex : 1;
border-radius : 15px;
border : #d9d9d9 solid 1px;
overflow : hidden;
}
.timeline-item-card-header {
padding : 15px;
display : flex;
justify-content : space-between;
align-items : center;
background : #e6e6e6;
color : #999;
font-size : 18px;
font-weight : 700;
}
.timeline-item-card-body {
padding : 15px 20px;
background : #fff;
}
.timeline-item-date {
border : #0e7dbe solid 2px;
border-radius : 50%;
width : 70px;
height : 70px;
color : #0e7dbe;
font-weight : 700;
display : flex;
align-items : center;
font-size : 18px;
justify-content : center;
margin-left : 20px;
background : #fff;
position : relative;
z-index : 1;
}
.timeline-item-left {
justify-content : flex-end;
width : 53.3%;
}
.timeline-item-right {
margin-left : 46.8%;
flex-direction : row-reverse;
}
.timeline-item-left + .timeline-item-left {
margin-right : 49%;
width : 51%;
}
.timeline-item-left + .timeline-item-left .timeline-item-date {
width : 20px;
height : 20px;
background : #0e7dbe;
margin-left : 48px;
text-indent : -9999px;
}
.timeline-item-right + .timeline-item-right {
margin-left : 49%;
}
.timeline-item-right + .timeline-item-right .timeline-item-date {
width : 20px;
height : 20px;
background : #0e7dbe;
margin-right : 40px;
margin-left : 0;
text-indent : -9999px;
}
.timeline-item-right .timeline-item-date {
margin-right : 20px;
margin-left : 0;
}
.v-border {
width : 1px;
background : #ebebeb;
height : 70px;
margin : auto auto 20px;
}
h4 {
line-height : 35px;
}
.map-view {
background : #0e233e;
border-radius : 5px;
text-align : center;
padding : 20px;
background-size : cover !important ;
background-position : 0 !important ;
}
.map-view a.btn {
background : #0e7dbe !important ;
}
.number-badge {
display : inline-block;
background : #ecf6e0;
color : #0e7dbe;
padding : 5px 10px;
border-radius : 5px;
font-size : 18px;
font-weight : 700;
margin-right : 20px;
}
.bg-none {
background : none !important ;
}
.table-middle tr td, .table-row-middle tr th {
vertical-align : middle;
}
.news-slide {
margin-bottom : 50px;
position : relative;
margin-right : 20px;
}
.news-slide:before {
content : "";
display : block;
position : absolute;
left : 10px;
right : 0;
top : 10px;
bottom : -10px;
background : #0e7dbe;
border-radius : 10px;
z-index : 0;
}
.news-slide .news-slide-item {
z-index : 2;
padding-right : 10px;
position : relative;
}
.news-slide .news-slide-item img {
width : 100%;
border-radius : 10px;
}
.news-slide .slick-dots {
position : absolute;
margin-top : -40px;
left : 40px;
}
.news-slide .slick-dots button {
width : 13px !important ;
height : 13px !important ;
background : none;
border : #fff solid 1px;
margin : 0 2px;
}
.news-slide .slick-dots .slick-active button {
background : #fff !important ;
}
.news-slide .news-slide-socials {
position : absolute;
bottom : 0;
right : 0;
padding : 10px 20px 10px 10px;
border-top-left-radius : 10px;
background : #0e7dbe;
}
.news-slide .news-slide-socials ul {
padding : 0;
margin : 0;
}
.news-slide .news-slide-socials ul li {
margin : 0 2px;
}
.news-slide .news-slide-socials ul li a {
color : #fff;
display : block;
padding : 5px 12px;
border-radius : 7px;
background : #4a8444;
transition : all 0.3s;
}
.news-slide .news-slide-socials ul li a:hover {
background : #fff;
color : #000;
}
.news-gallery {
margin-top : 20px;
}
.news-gallery img {
border-radius : 10px;
}
.data-list-8 {
border : #ddd solid 1px;
border-radius : 20px;
overflow : hidden;
}
.data-list-8 figure {
background : #000;
}
.data-list-8 figure img {
width : 100%;
opacity : 0.7;
}
.data-list-8 .data-list-8-login {
margin-top : -100px;
}
.data-list-8-body {
padding : 25px;
}
.data-list-8-body p {
min-height : 120px;
}
.data-list-8:hover figure img {
opacity : 1;
}
.nav-custom {
justify-content : left !important ;
}
.nav-custom .nav-item {
width : calc(50% - 15px);
margin : 0 10px 10px 0 !important ;
}
.nav-custom .nav-item .nav-link {
border-radius : 8px !important ;
text-align : center;
padding : 10px 5px !important ;
font-weight : 300 !important ;
font-size : 14px !important ;
border-color : #0e7dbe !important ;
}
.nav-custom .nav-item .nav-link.active, .nav-custom .nav-item .nav-link:hover {
background : linear-gradient(-90deg, #b90000, #d00000) !important ;
}
.opacity-8 {
opacity : 0.8;
}
.security-code {
padding : 5px !important ;
display : flex;
align-items : center;
}
.security-code span {
flex-shrink : 0;
background : #ecf0f4;
border-radius : 8px;
padding : 10px 30px;
}
.security-code input {
border : none;
padding : 10px 15px;
}
.security-code input:focus {
border : none;
background : none;
}
@media (min-width: 1200px) {
.file-list-wrapper {
padding : 0 70px;
}
}
.card {
border : none;
border-radius : 16px;
margin-bottom : 30px;
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.04);
background : #fff;
}
.card.card-logo {
background-image : url(../img/card-logo.png);
background-repeat : no-repeat;
background-position-x : right;
background-size : 25%;
}
.card .card-title {
color : #0e7dbe;
padding-top : 20px;
padding-bottom : 30px;
font-size : 18px;
border-bottom : 1px solid rgb(0, 0, 0, 0.1);
}
.content-title {
padding-bottom : 10px;
margin-bottom : 25px;
color : #0e7dbe;
font-size : 18px;
border-bottom : 1px solid rgb(141, 198, 68, 0.5);
}
.text-primary {
color : #0e7dbe !important ;
}
.bg-primary {
background : #0e7dbe !important ;
font-family : TT Norms Pro Thin;
color : #fff;
}
.responsive-block-toggle {
display : none;
}
.accordion > .card {
background : none;
box-shadow : none;
margin-bottom : 15px;
}
.accordion > .card > .card-header {
background : #ecf0f4;
border-radius : 16px;
margin-bottom : 10px;
border : none;
}
.accordion > .card > .card-header .btn {
color : #1c4360;
}
.image-gallery {
display : flex;
}
.image-gallery-column-item {
display : block;
border-radius : 15px;
overflow : hidden;
background : #e6e6e6;
background-size : cover !important ;
background-position : 50% !important ;
}
.image-gallery-column:first-child {
flex : 3;
margin-right : 20px;
margin-bottom : 20px;
}
.image-gallery-column:first-child .image-gallery-column-item {
height : 180px;
margin-bottom : 20px;
}
.image-gallery-column:nth-child(2) {
flex : 6;
margin-right : 20px;
}
.image-gallery-column:nth-child(2) .image-gallery-column-item {
height : 380px;
}
.image-gallery-column:nth-child(3) {
flex : 3;
margin-right : 20px;
}
.image-gallery-column:nth-child(3) .image-gallery-column-item {
height : 380px;
}
.image-gallery.news-image-gallery .image-gallery-column:first-child {
flex : 3;
}
.image-gallery.news-image-gallery .image-gallery-column:nth-child(2) {
flex : 9;
}
.list-group .list-group-item {
padding : 10px;
border : none;
}
.list-group .list-group-item.active, .list-group .list-group-item:focus, .list-group .list-group-item:hover {
background : none;
color : #1c4360;
font-weight : 600;
}
.list-group .list-group-item.active {
position : relative;
}
.list-group .list-group-item.active:before {
content : "";
display : block;
width : 5px;
background : #0e7dbe;
position : absolute;
top : 7px;
bottom : 7px;
left : -20px;
}
.pagination {
border : #e6e6e6 solid 1px;
display : inline-flex;
padding : 5px 2px;
border-radius : 50px;
}
.pagination .page-item {
margin : 0 2px;
}
.pagination .page-item .page-link {
/*border : none;*/
color : #667093;
border-radius : 50%;
padding : 8px 13px;
}
.pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover {
background : none;
color : #000;
box-shadow : none;
}
.pagination .page-item.active .page-link {
background : #0e7dbe;
border-color : transparent;
color : #fff;
font-size : 16px;
font-weight : 700;
}
.content-search {
position : relative;
margin-bottom : 100px;
z-index : 1;
background-color : #fff;
padding : 8px 20px;
border-radius : 16px;
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.1);
margin-top : -30px;
}
.content-search-icon {
font-size : 25px;
}
.content-search .btn {
padding : 12px 30px;
}
.content-search .form-control {
border : none;
height : auto;
background : none;
padding : 0;
}
.content-search .form-control:focus {
box-shadow : none;
border : none;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
padding-left : 8px;
padding-right : 8px;
}
.nav-tabs {
border : none;
justify-content : center;
margin-bottom : 30px;
}
.nav-tabs .nav-item {
margin : 0 5px;
}
.nav-tabs .nav-item .nav-link {
border-radius : 100px;
border : #546a7f solid 1px;
font-weight : 600;
font-size : 12px;
}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:hover {
border-color : transparent;
color : #fff;
background : #0e7dbe;
}
.nav-tabs.nav-tabs-style-2 .nav-item {
margin : 0 -1px 0 0;
}
.nav-tabs.nav-tabs-style-2 .nav-item .nav-link {
background-color : #ecf0f4;
color : #546a7f;
border-radius : 0;
padding : 20px 10px;
font-size : 16px;
border : none;
border-right : 1px solid #dce3eb;
font-family : TT Norms Pro Medium;
}
.nav-tabs.nav-tabs-style-2 .nav-item .nav-link:hover {
color : #000;
}
.nav-tabs.nav-tabs-style-2 .nav-item .nav-link.active {
background : #0e7dbe;
color : #fff;
}
.nav-tabs.nav-tabs-style-2 .nav-item:first-child .nav-link {
border-top-left-radius : 16px;
border-bottom-left-radius : 16px;
}
.nav-tabs.nav-tabs-style-2 .nav-item:last-child .nav-link {
border-top-right-radius : 16px;
border-bottom-right-radius : 16px;
border-right : none;
}
.nav-tabs.nav-tabs-style-2.nav-tabs-style-2-small .nav-item .nav-link {
font-size : 12px;
padding : 10px 15px;
}
.nav-tabs.nav-tabs-style-2.nav-tabs-style-2-small .nav-item:first-child .nav-link {
border-top-left-radius : 7px;
border-bottom-left-radius : 7px;
}
.nav-tabs.nav-tabs-style-2.nav-tabs-style-2-small .nav-item:last-child .nav-link {
border-top-right-radius : 7px;
border-bottom-right-radius : 7px;
}
.nav-tabs.nav-tabs-style-2 .nav-item .nav-link {
border : rgb(0, 0, 0, 0.12) solid 1px;
background : #fff;
}
a {
color : #0e7dbe;
}
a:hover {
color : #4a8444;
}
.file-icon {
width : 80px;
height : 80px;
background : #ecf0f4;
padding : 10px;
border-radius : 16px;
}
.file-icon img {
width : 100%;
}
.table tr:first-child td, .table tr:first-child th {
border : none;
}
.radius-10 {
border-radius : 10px !important ;
}
figure.product-detail {
background : linear-gradient(#0e7dbe, #0e7dbe);
border-radius : 5px;
text-align : center;
}
figure.product-detail img {
margin-top : 100px;
margin-bottom : -170px;
}
footer {
padding-top : 60px;
color : #999;
background : #fff;
border-top : 3px solid #0e7dbe;
}
footer .logo {
background : background: linear-gradient(-45deg, #676262, #635f5f);
border-bottom-left-radius : 15px;
border-bottom-right-radius : 15px;
width : 280px;
padding : 10px 0;
text-align : center;
display : inline-block;
transform : translateY(-63px);
}
footer h5 {
color : #667093;
font-size : 14px;
text-transform : uppercase;
margin-bottom : 10px;
font-weight : 700;
}
footer ul {
padding : 0;
margin : 0;
}
footer ul li {
list-style-type : none;
}
footer ul li a {
color : #999;
padding : 5px 0;
display : block;
font-size : 12px;
}
footer ul li a:hover {
color : #999;
}
footer .footer-bottom {
padding : 12px 0;
font-size : 12px;
color : #1c4360;
margin-top : 30px;
background-color : rgb(37, 37, 37, 0.1);
}
.tooltip-inner {
padding : 2px 15px;
background-color : #1c4360;
border-radius : 50px;
}
.content-text {
color : #546a7f;
}
.content-text h6 {
margin-top : 30px;
margin-bottom : 20px;
}
.cover-div {
background : #1c4360;
background-size : cover !important ;
background-position : 50% !important ;
border-radius : 16px;
margin-bottom : 70px;
position : relative;
border : #fff solid 3px;
flex-direction : column;
color : #fff;
}
.cover-div, .cover-div .cover-div-inner {
min-height : 300px;
display : flex;
align-items : center;
justify-content : center;
}
.cover-div .cover-div-inner {
border-radius : 16px;
flex : 1;
width : 100%;
flex-direction : column;
}
.cover-div .cover-div-mini-icon {
border-radius : 50%;
width : 70px;
height : 70px;
background : #fff;
position : absolute;
bottom : -35px;
display : flex;
align-items : center;
justify-content : center;
left : 50%;
transform : translateX(-50%);
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.04);
}
.cover-div .cover-div-mini-icon img {
width : 50%;
}
.cover-div.cover-div-style-2 {
border-width : 10px;
border-color : #0e7dbe;
border-radius : 10px;
}
.bs-tooltip-auto[x-placement^="top"] .arrow:before, .bs-tooltip-top .arrow:before {
border-top-color : #1c4360;
}
.breadcrumb {
margin-bottom : 0;
padding-bottom : 0;
}
.breadcrumb-item + .breadcrumb-item:before {
content : "\f054";
font : normal normal 14px/1 FontAwesome;
font-size : 9px;
margin-top : 5px;
color : #fff;
opacity : 0.8;
}
.breadcrumb-item a:hover {
color : #fff !important ;
text-decoration : none;
}
.contact-list {
font-weight : 600;
}
.contact-list p {
display : flex;
}
.contact-list p .footer-contact-icon {
font-size : 16px;
width : 25px;
flex-shrink : 0;
display : inline-block;
margin-top : 3px;
}
.form-control {
background : none;
border-radius : 5px !important ;
border : rgb(0, 0, 0, 0.12) solid 1px;
font-size : 14px;
padding : 15px 30px;
height : auto;
font-weight : 600;
}
.form-control::-moz-placeholder {
color : rgb(0, 0, 0, 0.4);
}
.form-control:-ms-input-placeholder {
color : rgb(0, 0, 0, 0.4);
}
.form-control::placeholder {
color : rgb(0, 0, 0, 0.4);
}
.form-control:focus {
box-shadow : none;
border : rgb(0, 0, 0, 0.3) solid 1px;
}
.form-control:focus::-moz-placeholder {
color : rgb(0, 0, 0, 0.5);
}
.form-control:focus:-ms-input-placeholder {
color : rgb(0, 0, 0, 0.5);
}
.form-control:focus::placeholder {
color : rgb(0, 0, 0, 0.5);
}
select.form-control {
color : rgb(0, 0, 0, 0.4) !important ;
}
select.form-control:focus {
color : #000 !important ;
}
.input-group {
position : relative;
}
.input-group .input-group-prepend {
position : absolute;
z-index : 111;
bottom : 0;
top : 0;
}
.input-group .input-group-prepend .input-group-text {
background : none;
border : none;
padding-left : 15px;
}
.input-group .input-group-prepend + .form-control {
padding-left : 40px;
}
.contact-form-button {
width : 100%;
border-radius : 8px;
padding : 15px 10px;
font-size : 13px;
text-transform : none;
border : #0e7dbe solid 1px;
}
.marker-cluster div {
background-image : url(../img/map-pin.html) !important ;
background-position : 50% !important ;
background-size : contain !important ;
width : 60px;
height : 60px;
background : none;
}
.marker-cluster-large, .marker-cluster-medium, .marker-cluster-small, .marker-cluster-small div {
background : none;
}
.marker-cluster span {
color : #fff;
line-height : 60px;
font-size : 16px;
font-weight : 600;
}
.message-popup {
text-align : center;
position : fixed;
z-index : 99999999;
background : linear-gradient(#fff, #fff);
bottom : 0;
left : 0;
top : 0;
right : 0;
display : flex;
align-items : center;
justify-content : center;
}
.message-popup.message-popup-success {
display : none;
}
.message-popup .progress {
border-radius : 40px;
background-color : #c9d7e2;
}
.message-popup .progress .progress-bar {
border-radius : 20px;
text-align : right;
background : #0e7dbe;
}
.message-popup .progress .progress-bar span {
padding-right : 5px;
}
#map {
border-radius : 16px;
overflow : hidden;
}
.marker-cluster-small {
background : none;
}
.footer-social ul li {
margin-bottom : 5px;
}
.footer-social ul li a {
border-radius : 7px;
width : 40px;
height : 40px;
display : flex;
align-items : center;
justify-content : center;
font-size : 16px;
background : #f2f2f2;
}
.footer-social ul li a:hover {
border-color : #0e7dbe;
}
#svg-turkiye-haritasi path {
cursor : pointer;
fill : #bec3d4;
}
@media (max-width: 800px) {
.svg-turkiye-haritasi {
display : none;
}
.svg-turkiye-haritasi + div {
display : none !important ;
}
}
.map-icon {
position : absolute;
line-height : 20px;
color : #fff;
font-size : 30px;
border-radius : 50%;
pointer-events : none;
}
.map-tooltips .card {
display : none;
max-width : 300px;
position : absolute;
z-index : 9;
}
.category-list {
display : block;
text-align : center;
border : none;
border-radius : 21px;
margin-bottom : 30px;
color : #1c4360;
transition : box-shadow 0.3s;
}
.category-list-title {
font-size : 20px;
margin-bottom : 5px;
}
.category-list img {
height : 100px;
padding : 20px;
border : #1c4360 solid 2px;
border-radius : 16px;
}
.category-list .card-footer {
background : none;
padding : 25px 0;
position : relative;
}
.category-list .card-footer:before {
content : "";
display : block;
height : 3px;
background-color : #0e7dbe;
width : 80%;
position : absolute;
top : -2px;
left : 50%;
transform : translateX(-50%);
pointer-events : none;
opacity : 0;
transition : opacity 0.3s;
}
.category-list .card-footer .btn {
border : #1c4360 solid 1px;
color : #1c4360;
}
.category-list:focus, .category-list:hover {
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.08);
color : #1c4360;
text-decoration : none;
}
.category-list:focus .card-footer:before, .category-list:hover .card-footer:before {
opacity : 1;
}
.category-list:focus .btn, .category-list:hover .btn {
background-color : #0e7dbe;
color : #fff;
border-color : transparent;
}
.category-list:focus img, .category-list:hover img {
border-color : #0e7dbe;
}
.program-list {
color : #fff;
background-size : cover !important ;
background-position : 50% !important ;
background : #1c4360;
height : 250px;
margin : 0 8px;
display : flex;
flex-direction : column;
justify-content : space-between;
text-align : center;
border-radius : 8px;
transition : background 0.3s;
position : relative;
}
.program-list .program-list-front-img {
position : absolute;
bottom : 0;
left : 40%;
transform : translateX(-40%);
}
.program-list .program-list-front-img img {
width : 130%;
}
.program-list.program-list-empty {
background : none;
background-image : none !important ;
border-radius : 16px;
border : rgb(0, 0, 0, 0.12) solid 1px;
display : flex;
justify-content : center;
flex-direction : column;
align-items : center;
height : 250px;
}
.program-list.program-list-empty:focus, .program-list.program-list-empty:hover {
background : none;
}
.program-list.program-list-empty i {
margin-left : auto;
margin-right : auto;
display : flex;
align-items : center;
justify-content : center;
width : 80px;
height : 80px;
border-radius : 50%;
font-size : 30px;
color : #0e7dbe;
background : #fff;
}
.program-list.program-list-empty .btn {
margin-top : 30px;
}
.program-list-header {
padding-top : 30px;
}
.program-list-header h4 {
font-size : 20px;
margin-bottom : 20px;
color : #fff;
}
.program-list-header .btn {
background : #fff;
opacity : 0;
color : #0e7dbe;
transition : opacity 0.3s;
}
.program-list-front-img img {
width : 90%;
margin : auto;
}
.program-list:focus, .program-list:hover {
text-decoration : none;
color : #fff;
background : #0e7dbe;
}
.program-list:focus .btn, .program-list:hover .btn {
opacity : 1;
}
.product-list {
margin-bottom : 30px;
text-align : center;
padding : 0 10px;
display : block;
}
.product-list.product-list-more {
border-radius : 16px;
border : rgb(0, 0, 0, 0.12) solid 1px;
display : flex;
justify-content : center;
flex-direction : column;
align-items : center;
height : 400px;
}
.product-list.product-list-more i {
margin-left : auto;
margin-right : auto;
display : flex;
align-items : center;
justify-content : center;
width : 80px;
height : 80px;
border-radius : 50%;
font-size : 30px;
color : #0e7dbe;
background : #fff;
}
.product-list.product-list-more .btn {
margin-top : 30px;
}
.product-list .product-list-title {
font-weight : 600;
font-size : 14px;
}
.product-list-card {
position : relative;
height : 120px;
padding : 20px 0;
border-radius : 16px;
display : flex;
flex-direction : column;
align-items : center;
background-color : rgb(0, 0, 0, 0.08);
transition : all 0.3s;
}
.product-list-card img {
width : 150px;
margin-top : -100px;
transition : all 0.3s;
}
.product-list-card .btn {
border-radius : 100px;
background : #fff;
transition : all 0.3s;
visibility : hidden;
opacity : 0;
color : #0e7dbe;
}
.product-list-title {
font-size : 18px;
margin-bottom : 5px;
}
.product-list .dropdown-menu .dropdown-item {
display : flex;
align-items : center;
padding : 5px 15px;
}
.product-list .dropdown-menu .dropdown-item:active, .product-list .dropdown-menu .dropdown-item:focus, .product-list .dropdown-menu .dropdown-item:hover {
background : none !important ;
color : #1c4360;
}
.product-list .dropdown-menu .dropdown-item img {
margin-right : 15px;
box-shadow : none;
width : 30px;
padding : 0;
}
.product-list.even .product-list-card {
flex-direction : column-reverse;
}
.product-list.even .product-list-card img {
margin-top : 0;
margin-bottom : -100px;
}
.product-list.even ul.product-list-items {
margin-top : 135px;
}
.product-list.odd {
margin-top : 120px;
}
.product-list span {
color : #0e7dbe;
}
.product-list ul.product-list-items {
margin-top : 15px;
display : flex;
justify-content : center;
align-items : center;
}
.product-list ul.product-list-items li img {
box-shadow : 0 10px 18px 0 rgb(0, 0, 0, 0.04);
background-color : #fff;
border-radius : 50%;
padding : 10px;
width : 50px;
}
.product-list ul.product-list-items li .btn {
display : flex;
align-items : center;
justify-content : center;
width : 50px;
font-size : 20px;
height : 50px;
color : #0e7dbe;
background : #fff;
border-radius : 50%;
}
.product-list:hover {
text-decoration : none;
}
.product-list:hover .product-list-card {
background : #0e7dbe;
}
.product-list:hover .product-list-card img {
margin-top : -150px;
}
.product-list:hover .product-list-card .btn {
visibility : visible;
opacity : 1;
}
.product-list:hover.even .product-list-card img {
margin-top : 0;
margin-bottom : -140px;
}
.product-list.product-list-no-hover {
margin-top : 100px;
}
.product-list.product-list-no-hover:hover .product-list-card {
background-color : rgb(0, 0, 0, 0.08) !important ;
}
.product-list.product-list-no-hover:hover .product-list-card img {
margin-top : -100px !important ;
}
.product-list.product-list-no-hover:hover .btn {
opacity : 0 !important ;
}
.number-card-wrapper {
margin-top : -90px;
}
.number-card {
border-radius : 16px;
border : none;
}
.number-card .display-4 {
font-size : 45px;
}
.blog-list {
display : block;
font-weight : 600;
margin : 0 7px 30px;
}
.blog-list figure {
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.08);
position : relative;
}
.blog-list figure .blog-list-label {
background-color : #9bc31e;
position : absolute;
left : 0;
bottom : 0;
border-top-right-radius : 20px;
color : #fff;
padding : 5px 15px;
font-size : 11px;
letter-spacing : 0.5px;
}
.blog-list.blog-list-empty {
border-radius : 16px;
border : rgb(0, 0, 0, 0.12) solid 1px;
display : flex;
justify-content : center;
flex-direction : column;
align-items : center;
height : 250px;
}
.blog-list.blog-list-empty:focus, .blog-list.blog-list-empty:hover {
background : none;
}
.blog-list.blog-list-empty i {
margin-left : auto;
margin-right : auto;
display : flex;
align-items : center;
justify-content : center;
width : 80px;
height : 80px;
border-radius : 50%;
font-size : 30px;
color : #0e7dbe;
background : #fff;
}
.blog-list.blog-list-empty .btn {
margin-top : 30px;
}
.blog-list:hover {
text-decoration : none;
}
.user-list {
border : none;
text-align : center;
color : #1c4360;
}
.user-list h6 {
font-weight : 600;
}
.user-list img {
margin-bottom : 15px;
}
.dealer-list {
background : #fff;
border-radius : 16px;
overflow : hidden;
}
.dealer-list-header {
background : #0e7dbe;
height : 50px;
position : relative;
}
.dealer-list-header-icon {
background : #fff;
padding : 10px;
border-radius : 50%;
width : 50px;
height : 50px;
box-shadow : 0 10px 48px 0 rgb(0, 0, 0, 0.12);
position : absolute;
left : 20px;
bottom : -25px;
}
.dealer-list-header-icon img {
width : 100%;
}
.dealer-list-body {
padding : 35px 20px 20px;
}
.dealer-list-body h6 {
text-transform : uppercase;
color : #0e7dbe;
font-weight : 600;
font-size : 13px;
line-height : 20px;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width : 1440px;
}
}
@media (max-width: 1400px) {
.hero .hero-slide .hero-slide-cover {
padding-left : 150px;
}
}
@media (max-width: 1200px) {
.data-list-13 {
padding : 10px !important ;
}
.data-list-13-card {
position : relative;
width : auto;
margin-left : 40px;
margin-right : -20px;
margin-top : -40px;
background : #fff !important ;
z-index : 1;
border-radius : 15px !important ;
padding : 20px !important ;
}
.container {
max-width : 95% !important ;
padding : 0 20px;
}
footer .logo {
width : 200px;
}
.hero .hero-slide .hero-slide-cover {
text-align : center;
padding : 0 30px;
}
.hero .hero-slide .hero-slide-cover h2:after {
margin : 20px auto;
}
.main-header a.responsive-menu-button {
display : block;
margin-left : 15px;
}
.main-header .main-header-body > ul.main-navbar {
position : fixed;
background : #fff;
right : -100%;
opacity : 0;
bottom : 0;
top : 0;
overflow : auto;
padding : 20px 0;
width : 300px;
flex-direction : column;
box-shadow : 0 0 50px -30px #000;
transition : all 0.3s;
z-index : 999;
}
.main-header .main-header-body > ul.main-navbar.open {
opacity : 1;
right : 0;
}
.main-header .main-header-body > ul.main-navbar > li > a:not(.btn) {
font-size : 14px;
display : block;
color : #000;
padding : 15px 20px;
text-align : center;
}
.main-header .main-header-body > ul.main-navbar > li > a:not(.btn):active, .main-header .main-header-body > ul.main-navbar > li > a:not(.btn):focus, .main-header .main-header-body > ul.main-navbar > li > a:not(.btn):hover {
color : #0e7dbe;
}
.main-header .main-header-body > ul.main-navbar > li .dropmenu {
position : static;
visibility : visible;
opacity : 1;
margin : 0;
display : none;
}
.main-header .main-header-body > ul.main-navbar > li .dropmenu:before {
top : 50px;
}
.main-header .main-header-body > ul.main-navbar > li .dropmenu ul {
border-radius : 8px !important ;
border : #9bc31e solid 1px;
}
.hero .hero-slide {
height : auto;
}
}
@media (max-width: 992px) {
.data-list-12-card {
margin-left : 10px !important ;
margin-right : 10px !important ;
border-radius : 15px !important ;
padding : 20px !important ;
}
.responsive-block {
display : none;
position : fixed;
bottom : 0;
left : 0;
top : 0;
background : #fff;
overflow : auto;
border-radius : 0;
z-index : 100000000000000000;
width : 40%;
}
.responsive-block.open, figure.product-detail {
display : block;
}
figure.product-detail img {
margin : 0 0 -50px;
}
.responsive-block-toggle {
display : block;
}
.card, .nav-tabs .nav-item {
margin-bottom : 15px;
}
.section.customer-service .card {
margin-top : 0 !important ;
}
.customer-service .section-header.text-left {
text-align : center !important ;
}
}
@media (max-width: 768px) {
.timeline-item {
flex-direction : column;
width : auto;
margin-bottom : 30px;
}
.timeline-item-date {
margin : 30px 0 0 !important ;
}
.timeline-item-right {
margin : 0 0 30px;
}
.timeline-item-card-header {
flex-direction : row !important ;
}
.timeline-item-card-header i.fa {
display : none;
}
.timeline-item-left + .timeline-item-left {
margin : auto;
}
.timeline-item-left + .timeline-item-left .timeline-item-date {
margin-bottom : 30px !important ;
}
.timeline-item-right + .timeline-item-right {
margin : 0 0 30px;
}
.image-gallery-column:first-child .image-gallery-column-item {
height : 120px;
}
.image-gallery-column:nth-child(2) .image-gallery-column-item, .image-gallery-column:nth-child(3) .image-gallery-column-item {
height : 260px;
}
.data-list-8 .data-list-8-login {
display : none;
}
.data-list-8-body p {
min-height : auto;
}
.content-page-header-logo {
width : 80px !important ;
margin-bottom : 15px !important ;
}
.data-list-10 {
padding : 30px;
}
.data-list-10:not(:last-child) .data-list-10-card {
margin-bottom : 30px;
}
footer .logo {
transform : translateY(-43px);
}
.table tbody tr td {
min-width : 200px;
}
.news-slide {
margin-right : 0 !important ;
}
.news-slide .news-slide-item {
padding-right : 0;
}
.news-slide .news-slide-socials {
position : static;
border-radius : 10px;
display : flex;
justify-content : center;
margin-top : 20px;
}
.news-slide:before {
display : none;
}
.responsive-block {
width : 60%;
}
.hero .hero-slide-nav-wrapper {
max-width : 100% !important ;
}
.section.customer-service {
margin-top : 0 !important ;
}
.section.customer-service .card {
margin-top : 20px !important ;
margin-bottom : 0;
}
.section.customer-service .card .card-title:after {
margin-left : auto;
margin-right : auto;
}
.content-search {
margin-bottom : 50px;
}
.content-search .btn {
margin : 20px 0 0 !important ;
width : 100%;
}
.section {
padding : 50px 0 !important ;
}
.section-header, .section.customer-service {
text-align : center;
}
.hero .hero-slide-arrows button {
opacity : 0.8;
}
.hero .hero-slide-arrows .hero-slide-prev {
margin-left : -20px;
}
.hero .hero-slide-arrows .hero-slide-next {
margin-right : -20px;
}
footer {
text-align : center;
padding-top : 40px;
}
footer .footer-social, footer h5 {
margin-bottom : 10px;
}
footer h5 {
padding : 10px;
border-radius : 7px;
background-color : rgb(37, 37, 37, 0.03);
}
footer .contact-list p {
justify-content : center;
margin-bottom : 15px;
}
footer .footer-bottom {
margin-top : 0;
}
}
@media (max-width: 575px) {
	.image-gallery-column:first-child .image-gallery-column-item {
		height : 60px;
	}
	.image-gallery-column:nth-child(2) .image-gallery-column-item, .image-gallery-column:nth-child(3) .image-gallery-column-item {
		height : 140px;
	}
	.responsive-block {
		width : 90%;
	}
	.main-header .logo {
		padding : 0px;
		margin-bottom: 0px;
	}
	.logo:before{
		background: none !important;
	}
	.main-header{
		background: #fff !important;
	}
	.ustcontainer{
		padding: 0;
	}
	.data-list-1-img img {
    width: 100%;
    border-radius: 10px;
    height: 145px !important;
	}
	.data-list-1-text {
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background: #00000094;
    padding: 7px;
	}
	.analogo{
		width: auto !important;
		height: 100px !important;
		margin: 5px;
	}
	figure.product-detail {
		display : block;
		margin-bottom : 30px;
	}
	figure.product-detail img {
		margin : 0 !important ;
	}
	.main-header .dropdown-menu.dropdown-menu-search {
		max-width : 300px;
		min-width : 300px;
	}
}
.content-page-header {
margin-right : 10px;
position : relative;
}
.content-page-header-logo {
width : 200px;
margin-bottom : 50px;
}
.content-page-header figure {
margin-bottom : 0;
background : #1a1a1a;
position : relative;
border-radius : 15px;
overflow : hidden;
z-index : 1;
}
.content-page-header figure img {
width : 100%;
}
.content-page-header:before {
border-radius : 15px;
content : "";
display : block;
background : #0e7dbe;
position : absolute;
left : 15px;
top : 15px;
right : -10px;
z-index : 0;
bottom : -10px;
}
.content-page-header-body {
position : absolute;
right : 0;
left : 0;
bottom : 0;
top : 0;
color : #fff;
z-index : 1;
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
}
.section {
padding : 50px 0;
}
.section.section-color {
background : linear-gradient(#f5f9fe, #fff);
}
.section.section-image {
background : #1f1f1f;
background-size : cover !important ;
background-position : 50% !important ;
color : hsl(0 0% 100% / 0.8);
}
.section.section-image h1, .section.section-image h2, .section.section-image h3, .section.section-image h4, .section.section-image h5 {
color : #fff;
}
.section.page-header {
background : #333;
padding : 65px 0;
text-align : center;
background-size : cover !important ;
background-position : 50% !important ;
border-bottom : 7px solid #372f2d;
background-image: url(/images/headarbg.jpg);
}
.section.page-header h1, .section.page-header h2, .section.page-header h3, .section.page-header h4, .section.page-header h5 {
font-size : 38px !important ;
font-weight : 600;
letter-spacing : 1px;
color : #fff !important ;
}
.section.page-header * {
color : hsl(0 0% 100% / 0.8) !important ;
}
.section.page-header .breadcrumb {
justify-content : center;
align-items : center;
background : none;
margin-bottom : 10px;
}
.section.page-header .breadcrumb .breadcrumb-item {
text-transform : uppercase;
font-size : 12px;
}
.section.page-header .breadcrumb .breadcrumb-item + .breadcrumb-item {
padding-left : 1rem;
}
.section.page-header .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
padding-right : 1rem;
}
.section.page-header .breadcrumb .breadcrumb-item.active {
opacity : 1;
color : #fff !important ;
}
.section.page-header .breadcrumb .breadcrumb-item a {
opacity : 0.8;
}
.section.page-header .breadcrumb .breadcrumb-item a:hover {
opacity : 1;
}
.section.page-header .breadcrumb .breadcrumb-item:before {
margin-top : 5px;
}
.section.page-header .breadcrumb .breadcrumb-item:last-child:after {
content : "\f054";
font : normal normal 14px/1 FontAwesome;
opacity : 0.8;
font-size : 10px;
margin-left : 10px;
margin-top : 0;
transform : rotate(90deg);
}
.section-number-card .section-header {
padding : 50px 0 100px;
background-size : cover !important ;
background : #0e7dbe;
background-position : 50% !important ;
}
.section-number-card .section-header > *, .section-number-card .section-header h2, .section-number-card .section-header span {
color : #fff;
}
.section.customer-service {
color : #fff;
background-size : cover !important ;
background : #1c4360;
background-position : 50% !important ;
margin-top : 50px;
}
.section.customer-service h2 {
margin-bottom : 20px;
color : #fff;
}
.section.customer-service .customer-service-label {
background-color : #38586f;
border-radius : 100px;
padding : 10px 20px;
font-size : 20px;
display : inline-block;
}
.section.customer-service .card {
border-radius : 16px;
background : #0e7dbe;
color : hsl(0 0% 100% / 0.8);
margin-top : -200px;
}
.section.customer-service .card .card-title {
color : hsl(0 0% 100% / 0.8);
margin-bottom : 20px;
}
.section.customer-service .card .card-title:after {
margin-top : 20px;
content : "";
display : block;
width : 50px;
background : hsl(0 0% 100% / 0.8);
height : 2px;
}
.section.customer-service .card h5 {
color : #fff;
}
.section.customer-service .card .btn {
background : #fff;
color : #0e7dbe;
border-radius : 0;
width : 100%;
padding : 15px 0;
}
.section-header {
text-align : center;
margin-bottom : 80px;
}
.section .section-content-wrapper {
background : #f5f9fe;
border-radius : 7px;
}
.slick-slide:focus {
outline : none !important ;
}
ul.slick-dots {
padding : 0;
display : flex;
justify-content : center;
margin : 30px auto auto;
}
ul.slick-dots li {
margin : 0 3px;
list-style-type : none;
}
ul.slick-dots li button {
background : none;
border : 0;
text-indent : -9999px;
width : 15px;
height : 5px;
background : #0e7dbe;
border-radius : 100px;
background : #ccc;
transition : all 0.5s;
}
ul.slick-dots li.slick-active button {
width : 35px;
background : #0e7dbe;
}