
/*banner=============*/
.banner_main{ height: 100vh; background-color:#0d313b; position: relative; overflow:hidden;}
.banner_lines{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
.banner_main .overlay{background: rgba(2,26,64,1);
background: -moz-linear-gradient(top, rgba(2,26,64,1) 0%, rgba(1,51,26,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,26,64,1)), color-stop(100%, rgba(1,51,26,1)));
background: -webkit-linear-gradient(top, rgba(2,26,64,1) 0%, rgba(1,51,26,1) 100%);
background: -o-linear-gradient(top, rgba(2,26,64,1) 0%, rgba(1,51,26,1) 100%);
background: -ms-linear-gradient(top, rgba(2,26,64,1) 0%, rgba(1,51,26,1) 100%);
background: linear-gradient(to bottom, rgba(2,26,64,1) 0%, rgba(1,51,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021a40', endColorstr='#01331a', GradientType=0 ); opacity:0.4}
.banner_main .overlay:after{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2); content:"";}


.bannerSlider{ position:relative; width:100%; height:100%; }
.bannerSlider .slick-dots{ position:absolute; z-index:99; width:auto; text-align:center; bottom:30px;}
.bannerSlider .slick-dots li{ float:none; display:inline-block; margin:0 5px; width:12px; height:12px; border:2px solid #ffffff; background-color:transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); position:relative;}
.bannerSlider .slick-dots li:hover{background-color:#8b9c9a;}
.bannerSlider .slick-dots li.slick-active{ background-color:#8b9c9a;   margin:0 12px; }
.bannerSlider .slick-dots li button{ opacity:0; font-size:0px; width:4px; height:12px; position:absolute; top:-2px; left:-2px;}
.banner_content{ position:absolute;  text-align:center; width:80%;  z-index:8; top:65%; opacity:0; transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;  }
.banner_content .banner_text{ text-shadow:3px 3px 8px rgba(0,0,0,0.6); -webkit-text-shadow:3px 3px 8px rgba(0,0,0,0.6);}
.banner_text span{ display:block; margin-top:5px;}
.bannerItem .object_fit_cover{ transform:scale(3); -webkit-transform:scale(3);transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;}
.bannerSlider .slick-active .banner_content{ top:50%; opacity:1;}
.bannerSlider .slick-active.bannerItem .object_fit_cover{transform:scale(1); -webkit-transform:scale(1);}


/*withClirnet*/
.withClirnet{ background-color:#ececec; padding:100px 0 0 0;}
.withClirnetIn{ margin-top:70px;}
.withClirnetRow{ padding-bottom:50px; position:relative; margin-bottom:50px;}
.withClirnetRow:after,.withClirnetRow:before{ position:absolute; left:0px; bottom:0px; background-color:#c7c7c7; content:"";}
.withClirnetRow:after{ height:96px; width:1px;}
.withClirnetRow:before{ width:96px; height:1px;}
.withClirnetText{ padding:0 50px; transform:translateY(120px); -webkit-transform:translateY(120px); opacity:0;}
.animated_add_class .withClirnetText{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.withClirnetNmbr{ color:#b8b8b8; font-size:88px;}
.withClirnetTextH3{ margin-bottom:15px;}
.withClirnetText p{ line-height:1.4}

/*withClirnet  row-1*/
.withClirnetRow-1 .withClirnetImg{ padding-left:50px;}
.withClirnetRow-1 .withClirnetText{ margin-top:50px;}
.withClirnetSession{ position:relative; margin:40px 50px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px);position:relative; float:left;}
.withClirnetSession_in{padding:28px; background-color:#fff; box-shadow:8px 8px 30px 0 rgba(0,0,0,0.14); -webkit-box-shadow:8px 8px 30px 0 rgba(0,0,0,0.14); position:relative; z-index:2; min-height:120px;}
.withClirnetSession:after,.withClirnetSession:before{ position:absolute; width:100%; height:100%; content:""; border:10px solid #cdcdcd; border-radius:30px; -webkit-border-radius:30px; top:0; left:0;}
.animated_add_class .withClirnetSession:after{ top:-40px; right:-50px; left:auto;}
.animated_add_class .withClirnetSession:before{ left:-50px; bottom:-40px; top:auto;}
.session_Row{ position:relative; padding-left:110px; min-height:90px; margin-bottom:15px}
.session_RowPIc{ position:absolute; top:0px; left:0px; width:90px; height:90px; overflow:hidden; border:5px solid #dcdcdc;}
.session_time{ margin-bottom:15px;}
.session_time img,.session_time span{ display:inline-block; vertical-align:middle;}
.session_time img{ margin-right:5px;}
.session_doctor span{ display:block; margin-top:5px;}
.session_timeLink{ position:relative; padding:8px 30px 8px 15px; color:#0c9774; display:inline-block;}
.session_timeLink_Dots,.session_timeLink_Dots:after,.session_timeLink_Dots:before{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:5px; height:5px; border-radius:50%; -webkit-border-radius:50%; background-color:#0c9774;transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.session_timeLink_Dots{ right:0px;}
.session_timeLink_Dots:after,.session_timeLink_Dots:before{ content:"";}
.session_timeLink_Dots:after{ right:8px}
.session_timeLink_Dots:before{ right:16px}
.session_timeLink_line{ position:absolute; background-color:#0c9774; left:0px; height:100%; width:1px; top:0px;}
.session_timeLink_line:after,.session_timeLink_line:before{ position:absolute; background-color:#0c9774; left:0px; width:40px; height:1px; content:""; }
.session_timeLink_line:after{ top:0px;}
.session_timeLink_line:before{ bottom:0px;}
.session_timeLink:hover .session_timeLink_Dots:after{ right:4px; width:10px; height:2px; border-radius:2px; -webkit-border-radius:2px;}
.session_timeLink:hover .session_timeLink_Dots:before{ right:10px; width:10px;height:2px;	border-radius:2px; -webkit-border-radius:2px;}
.session_timeLink:hover .session_timeLink_Dots{ width:auto; height:auto; background-color:transparent;border-radius:0px; -webkit-border-radius:0px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #0c9774;}
.session_timeLink:hover{color:#0c9774;}
.session_timeLink:hover .session_timeLink_line:after,.session_timeLink:hover .session_timeLink_line:before{ width:60px;}
.session_time_res{ display:none;}

/*withClirnet  row-2*/
.withClirnetRow-2{ padding-bottom:50px; margin-bottom:70px; min-height:340px;}
.withClirnetRow-2 .withClirnetImg img{ width:100%; height:auto; position:relative; z-index:2;}
.withClirnetRow-2 .withClirnetImg:before{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);content:""; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; width:0px; height:0px; opacity:0; margin-left:-50px;}
.animated_add_class.withClirnetRow-2  .withClirnetImg:before{ width:340px; height:340px; opacity:1;}
/*withClirnet  row-3*/
.withClirnetRow-3{ padding-bottom:0px;}
.withClirnetRow-3:before,.withClirnetRow-3:after{ display:none;}
.withClirnetRow-3 .withClirnetImg{ padding:0 50px;}
.withClirnet_mesge{ position:relative; border:10px solid #cdcdcd; border-radius:30px; -webkit-border-radius:30px; line-height:1.8; padding:40px 50px;}
.withClirnet_mesgeIcon{ padding:0 10px 5px 0; background-color:#ececec; position:absolute; top:-25px; left:-25px; }


.withClirnetRow:nth-child(even) .withClirnetImg{ float:left; padding-left:0px; padding-right:50px;}
.withClirnetRow:nth-child(even) .withClirnetText{ float:right;}
.withClirnetRow:nth-child(even):after,.withClirnetRow:nth-child(even):before{ left:auto; right:0px;}

/*count_main=============*/
.count_main{ padding:95px 0 ; }
.count_main .overlay{ z-index:2; background-color:#001541; opacity:0.45;}
.count_main .container{ position:relative; z-index:4;}
.count_main .row{ display:flex; flex-wrap:wrap; justify-content: center;}
.count_box{ position:relative; padding-bottom:22px;}
.count_box:after{ position:absolute; bottom:0px; content:""; height:2px; width:51px;}
.count_area_pic{ float:left; width:100%; margin-bottom:10px; position:relative; height:62px;}
.count_area_pic img{ position:absolute; width:auto; height:auto; max-height:100%; max-width:100%;}
.counter-value{ width:100%; float:left; margin-bottom:10px;}

