﻿body {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;		
	color: #6E6E6E;
	line-height: 1.8;
    background-image:url(../../images/second-page/BG.png);
    background-repeat:repeat-y;
    background-position:left;
    background-size:cover;
}
.eltd-info-card-slider-item
{position:relative;display:block;float:left;margin:40px 0px;text-align:center;
    -webkit-perspective:800;display:inline-block; text-decoration:none; transform:rotate(0deg); width:360px; height:360px; overflow:hidden; position:relative;}
  
    .eltd-info-card-slider-item:hover{cursor:auto}
    .eltd-info-card-slider-item .front-side,
    .eltd-info-card-slider-item .back-side
    {box-sizing:border-box;position:absolute;width:100%;height:100%;-webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;
    padding:5px 0px 5px}
    .eltd-info-card-slider-item .front-side{border:0px solid #fff;background-color:#fff;
    -webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
    .eltd-info-card-slider-item .back-side
    {padding:0;border:0px solid #DEF1FB;background-color:#fff;-webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);display:table}
    .eltd-info-card-slider-item .back-side .back-side-inner
    {padding:0 5px;display:table-cell;top:50%;vertical-align:middle; padding-bottom:30px;}
    .eltd-info-card-slider-item:hover .front-side
    {-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
    .eltd-info-card-slider-item:hover .back-side {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
    .eltd-info-card-slider-item .eltd-info-card-icon{font-size:55px;color:#e5735c}
    .eltd-info-card-slider-item .front-side h4{padding:16px 0;position:relative;color:#333;font-weight:400;}
    .eltd-info-card-slider-item .back-side h4 a{padding:16px 0;position:relative;color:#333; font-weight:400; margin-bottom:25px;}
    .eltd-info-card-slider-item .front-side h4:after
    {content:'';display:inline-block;width:25px;height:2px;background-color:#dadada;position:absolute;
    bottom:0;left:50%;transform:translateX(-50%)}
    .eltd-info-card-slider-item .front-side p{padding-top:20px}
    .eltd-info-card-slider-item .back-side p{color:#fff}
    .eltd-info-card-slider-pagination{text-align:center}
    .eltd-info-card-slider-pagination a
    {display:inline-block;position:relative;width:19px;height:19px;box-sizing:border-box;
    vertical-align:middle;margin-right:2px}
    .eltd-info-card-slider-pagination a.selected{margin-left:4px;margin-right:6px}
    .eltd-info-card-slider-pagination a span{display:inline-block;border-radius:50%;vertical-align:middle;
    background-color:transparent;width:3px;height:3px;border-width:0;position:relative;top:-4px}
    .eltd-info-card-slider-pagination a span:before{content:"";width:3px;height:3px;position:absolute;
     border:2px solid #dadada;display:inline-block;left:-4px;top:-4px;padding:2px;border-radius:50%}
     .eltd-info-card-slider-pagination a.selected span{width:9px;height:9px;background-color:#e5735c}
     .eltd-info-card-slider-pagination a.selected span:before{width:9px;height:9px;border-color:#e5735c}
     
     @media only screen and (max-width: 767px) 
     {
        .eltd-info-card-slider-item
          {display:block;float:none;margin:0 0px;text-align:center;
           height:auto; width:100%;}
        .eltd-info-card-slider-item .front-side,
    .eltd-info-card-slider-item .back-side
    {box-sizing:border-box;position:relative;width:100%;height:250px;-webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;
    padding:0; display:block;}
     }




.logo{position: absolute; top:0; z-index: 1; display: block;
  max-width: 100%; text-align:center; left:2%; margin-top:5px;width:385px; height:auto;
  height: auto;}

.logo p {display: block; font-size:16px; font-weight:600; line-height:18px; color:#222;} 
.logo p a{color:#222;} 
.logo p a:hover{color:#C9252B;} 
.hp2{position: relative;}
a.link{display:inline-block; text-decoration:none; transform:rotate(0deg); width:100%; height:auto; 
    overflow:hidden; position:relative; background:transparent; }
a.link .img{ position:relative; left:0; top:0; width:100%; height:auto; transition:all .35s ease-in-out;}
a.link .img > img{transform:rotate(0deg);}
a.link:hover .img{}
.linkDiv{margin-top: 30px; text-align:center;}
.title {position: relative; bottom:42px; left: 24.5%;right: 0px; width: 51.4%; 
    z-index: 1; text-align: center; background:#C9252B;  color: #FFF; padding-top: 10px;padding-bottom: 10px; font-size: 16px; 
    font-weight: 600; height:auto;}
.title:hover {color: #FFF;}
.icon{display: block; text-align:center; width: 30px; padding-top:3px; height: 30px; margin: 5px auto 15px; 
    line-height: 30px; border: 2px solid #fff;color: #fff; border-radius: 100%;}
@media screen and (max-width:1920px){
a.link{width:340px; height:auto;}
a.link.first{width:385px; height:auto; top:185px; position:absolute; left:15%;}
a.link.second{width:385px; height:auto; top:330px; margin-bottom:15px;}
a.link.last{width:385px; height:auto; top:185px;position:absolute; right:15%;}
.logo{display: block;
  max-width: 100%;
  height: auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:1500px){
a.link{width:340px; height:auto;}
a.link.first{width:385px; height:auto; top:185px; position:absolute; left:12%;}
a.link.second{width:385px; height:auto; top:330px; bottom:15px;}
a.link.last{width:385px; height:auto; top:185px;position:absolute; right:12%;}
.logo{display: block;
  max-width: 100%;
  height: auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:1199px){
a.link{width:240px; height:auto;}
a.link.first{width:335px; height:auto; top:175px; position:absolute; left:10%;}
a.link.second{width:335px; height:auto; top:310px; bottom:15px;}
a.link.last{width:335px; height:auto; top:175px;position:absolute; right:10%;}
.logo{display: block;
  max-width: 100%; text-align:center; left:0%; margin-top:25px;width:335px; height:auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:1200px){
a.link{width:240px; height:auto;}
a.link.first{width:315px; height:auto; top:175px; position:absolute; left:5%;}
a.link.second{width:315px; height:auto; top:310px; bottom:15px;}
a.link.last{width:315px; height:auto; top:175px;position:absolute; right:5%;}
.logo{display: block;
  max-width: 100%; text-align:center; left:0%; margin-top:25px;width:315px; height:auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width : 1024px) and (max-width: 991px) {
a.link{width:240px; height:auto;}
a.link.first{width:290px; height:auto; top:175px; position:absolute; left:8%;}
a.link.second{width:290px; height:auto; top:310px; bottom:0;}
a.link.last{width:290px; height:auto; top:175px;position:absolute; right:8%;}
.logo{display: block;
  max-width: 100%; text-align:center; left:0%; margin-top:25px;width:290px; height:auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:980px){
a.link{width:240px; height:auto;}
a.link.first{width:275px; height:auto; top:175px; position:absolute; left:3%;}
a.link.second{width:275px; height:auto; top:280px; bottom:0;}
a.link.last{width:275px; height:auto; top:175px;position:absolute; right:3%;}
.logo{display: block;
  max-width: 100%; text-align:center; left:32%; margin-top:35px;width:275px; height:auto;}
.linkDiv{margin-top: 30px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:767px){
a.link{width:100%;}
a.link.second{width:100%;}
.logo{position: static; margin-top:20px; width: 100%; float:none; text-align:center; display:block;}
}
@media screen and (max-width:767px){
a.link{width:100%;}
a.link.first{width:100%; height:auto; margin-top:-50px; position:relative; left:0;}
a.link.second{width:100%; height:auto; margin-top:30px; bottom:0;}
a.link.last{width:100%; height:auto; margin-top:225px;position:relative; right:0;}
.logo{display: block;
  max-width: 100%;
  height: auto;}
.linkDiv{margin-top: 0px; text-align:center;}
.title{ text-align:center;}

}
@media screen and (max-width:600px){
a.link{width:100%;}
.logo{position: static; margin: 0; width: 100%; float:none; text-align:center; display:block;}
}
@media screen and (max-width:480px){
a.link{width:100%;}
a.link.first{width:100%; height:auto; margin-top:-130px; position:relative; left:0;}
a.link.second{width:100%; height:auto; margin-top:-60px; bottom:0;}
a.link.last{width:100%; height:auto; margin-top:150px;position:relative; right:0;}
.logo{display: block;
  max-width: 100%;
  height: auto; margin-top:20px;}
.linkDiv{margin-top: 0px; text-align:center;}
.title{ text-align:center;}

}
.button.style4 {font-family: 'Roboto', sans-serif;
    color: #222; font-size:14px; margin-top:15px;
    font-weight: 400; background:TRANSPARENT; margin-left:0;
    padding: 8px 25px; border:2px solid #222; border-radius:4px;
    text-transform:none;  
    position: relative; text-align:center;
}
.button:hover .style4 {
    
    text-shadow: none;  background:TRANSPARENT; border:2px solid #C9252B;color: #C9252B;
    color: #fff;
}