@font-face {
    font-family: isfkut;
    src: url(../webfonts/isfkut.otf);
}

@font-face {
    font-family: isfkut;
    src: url(../webfonts/isfkut.otf);
}

body {
    color: #5f656d;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    background: #ffffff;
    letter-spacing: normal;
    font-style: normal;
        overflow-x: hidden;
    margin: 0;
    font-family: 'isfkut';
        background: url(../images/old_wall.png);

    /*    font-family: 'Karla',sans-serif;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'isfkut'light;
}

ul,
li {
    font-family: 'isfkut'light;
}

p {
        font-size: 16px;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none !important;
}

a,
button,
input[type="submit"] {
    transition: .3s linear;
    cursor: pointer;
}
* {
    padding: 0;
    margin: 0;
    outline: none;
}
/*
@font-face {
    font-family: bukraFont;
    src: url(../webfonts/29ltbukralight.otf);
}

@font-face {
    font-family: bukraFont;
    src: url(../webfonts/29ltbukrabold.otf);
}
*/



/***************** logo **********************/
 .department-section .btn-box{
	position:relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
text-align: center;
}

.department-section .btn-box .theme-btn{
/*	float:left;*/
/*	margin:0px 30px 15px 0px;*/
}

.department-section .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1500ms;
}

.department-section .btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 15px 40px 15px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #004cda;
    text-transform: capitalize;
/*    font-family: 'Lato', sans-serif;*/
}
.department-section .btn-style-two .txt {
    position: relative;
    z-index: 1;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}
.department-section .btn-style-two:hover {
    color: #ffffff;
}
.department-section .btn-style-two:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);

}

.department-section .btn-style-two:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #222222;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);

}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: relative;
	display: block;
}

.main-header .header-top{
	position: relative;
	z-index:1;
	background-image: -ms-linear-gradient(to right, #5a94da 0%, #3157b5 100%);
	background-image: -moz-linear-gradient(to right, #5a94da 0%, #3157b5 100%);
	background-image: -o-linear-gradient(to right, #5a94da 0%, #3157b5 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1DB9A0), color-stop(100, #4d94c4));
	background-image: -webkit-linear-gradient(to right, #5a94da 0%, #3157b5 100%);
	background-image: linear-gradient(to right, #5a94da 0%, #3157b5 100%);
}

.main-header .header-top .top-outer{
	position:relative;
	margin-left:210px;
/*	padding-left:50px;*/
}

.main-header .header-top .top-left{
    position: relative;
    float: left;
    padding: 10px 0px;
    margin-right: 13px;
}

.main-header .header-top .top-left li{
position: relative;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-left: 45px;
    display: inline-block;
}

.main-header .header-top .top-left li a{
	position:relative;
	color:#ffffff;
	display:inline-block;
    direction: ltr;
}

/********/

/* social icons */
.main-header .header-top .top-right-info{
       position: absolute;
    left: -190px;
    top: 10px;
}
 
.main-header .header-top .top-right-info li i {
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.main-header .header-top .top-right-info li i:hover,
.main-header .header-top .top-pure p a:hover {
    color: #d03772;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.main-header .header-top .top-right-info li {
    display: inline-block;
}

.main-header .header-top .top-left li .icon{
    position: relative;
    margin-left: 10px;
    float: right;
}

.main-header .header-top .top-left li:last-child{
	margin-right:0px;
}
.main-header .xs-bold-menu{
}
.xs-mobile-search a{
	display: none;
}

/* Top Right*/

.header-top .top-right{
	position: relative;
	float: right;
	z-index:1;
	padding:9px 0px;
}

.header-top .top-right .cart-btn{
	position:relative;
	float:left;
}

.header-top .top-right .cart-btn .cart-icon{
	position:relative;
	color:#ffffff;
	font-size:21px;
	z-index:1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-top .top-right .cart-btn .total-cart{
	position:absolute;
	content:'';
	top:-2px;
	right:-6px;
	color:#ffffff;
	width:14px;
	height:14px;
	font-size:9px;
	padding-left:1px;
	text-align:center;
	line-height:14px;
	border-radius:50%;
	background-color:#223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.header-top .top-right .cart-btn:hover .total-cart{
	
}

.header-top .top-right .nav-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:30px;
	cursor:pointer;
	margin-left:25px;
}

/*=== Header Upper ===*/

.main-header .header-upper .logo-outer:before{
    position: absolute;
    content: '';
    left: -40px;
    top: 0px;
    height: 100%;
    width: 10000%;
    background-color: #ffffff;
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    border-left: 2px solid #5a94da;
}

.main-header .header-upper{
    position: relative;
    top: 0;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-upper .logo-outer{
    position: relative;
    float: right;
    z-index: 25;
    padding-top: 40px;
    margin-top: -50px;
    /* padding-bottom: 35px; */
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .logo-outer .logo a{
	position:relative;
	display:inline-block;
}

.main-header .logo-outer .logo img{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 96px;
}

.main-header .header-upper .nav-outer{
	z-index:10;
	position:relative;
}

.main-header.header-style-one .header-upper .nav-outer{
	position:relative;
    margin-left: 260px;
}

/*=== Header Lower ===*/

.main-header .header-lower{
	position:relative;
	background-color:#223a66;
}

.main-header .header-lower .outer-box{
	position:absolute;
	right:0px;
	top:0px;
	float:right;
	z-index:20;
	padding:21px 0px;
}
.xs-sticky-header.IsSticky .logo-outer .logo{
	position: relative;
	top: 20px;
}

.main-header .header-lower .outer-box .theme-btn{
	float:left;
	font-size:14px;
	padding:4px 29px;
}

.main-header .header-lower .outer-box .cart-btn{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:20px;
	margin-left:28px;
	margin-top:4px;
}

.main-header .header-lower .outer-box .cart-btn .cart-icon{
	position:relative;
	color:#ffffff;
	font-size:24px;
}

.main-header .header-lower .elementskit-navbar{
	position:relative;
	z-index:20;
}

.main-header .header-lower .search-box-btn{
	width:auto;
	height:auto;
	line-height:1.6em;
	background:none;
}

.main-header .header-lower .search-box-btn:hover{
	background:none;
}

.main-header .header-lower .nav-box{
	position:relative;
	float:right;
	color:#ffffff;
	cursor:pointer;
	font-size:28px;
	margin-top:4px;
	margin-left:25px;
}

.main-header .header-lower .nav-outer{
	position:relative;
	float: left;
	width: 100%;
}

.main-header .header-lower .search-box-outer{
	padding: 0px;
    margin-top: 3px;
    margin-left: 22px;
}

.main-header .header-lower .search-box-outer .dropdown-menu{
	top:52px !important;
}

.main-header.header-style-two .search-box-btn:before,
.main-header.header-style-three .search-box-btn:before{
	display:none;
}

.main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:25px 0px;
	margin-right: 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:16px;
	line-height:35px;
	font-weight:500;
	opacity:1;
	color:#222222;
	padding: 0;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #1cb99e;
}

.main-menu .navigation > li.dropdown > a{
	padding-right:18px !important;
}

.main-menu .navigation > li.dropdown > a:before{
	content: "\f13d";
    position: absolute;
    right: 0px;
	top:4px;
    font-size: 10px;
    line-height: 26px;
	font-weight:800;
	font-family: "Flaticon";
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-menu .navigation > li.dropdown:hover > a:before{
	opacity:0;
}

.main-menu .navigation > li.dropdown > a:after{
	content: "\f137";
    position: absolute;
    right: 0px;
	top:4px;
	opacity:0;
    font-size: 10px;
    line-height: 26px;
	font-weight:800;
	font-family: "Flaticon";
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-menu .navigation > li.dropdown:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:-30px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul:before{
	position:absolute;
	content:'';
	left:0px;
	top:-30px;
	width:100%;
	height:30px;
	display:block;
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px !important;
}

.sticky-header .main-menu .navigation > li > a:before{
	display: none;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#223a66;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: "Flaticon";
	content: "\f12f";
	position:absolute;
	right:15px;
	top:14px;
	width:10px;
	height:20px;
	display:block;
	color:#223a66;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:230px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	background:#223a66;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	left:0px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	left:100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .header-upper .outer-box{
	position: relative;
	float: right;
}

.main-header .upper-right{
	position:relative;
	padding-top:48px;
}

.main-header .info-box{
	position:relative;
	float:left;
	color:#222222;
	font-size:15px;
	padding-left:48px;
	margin-left:56px;
}

.main-header .info-box:last-child{
	margin-left:0px;
}

.main-header .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	color:#1cba9f;
	font-size:34px;
	line-height:1em;
}

.main-header.header-style-three .info-box ul li strong{
	color:#223a66;
	font-size:15px;
	font-weight:700;
}

.main-header.header-style-three .info-box,
.main-header.header-style-three .info-box .icon-box{
	color:#223a66;
}

.header-style-two .social-box{
	position:relative;
	margin-top:7px;
}

.header-style-two .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.header-style-two .social-box a{
	position:relative;
	width:36px;
	height:36px;
	color:#3b5998;
	font-size:13px;
	text-align:center;
	line-height:33px;
	border-radius:50%;
	display:inline-block;
	border:2px solid #3b5998;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.header-style-two .social-box li a:hover{
	background-color:#3b5998;
	color:#ffffff;
}

.header-style-two .social-box li.twitter a{
	color:#2ca7f3;
	border-color:#2ca7f3;
}

.header-style-two .social-box li.twitter a:hover{
	background-color:#2ca7f3;
	color:#ffffff;
}

.header-style-two .social-box li.instagram a{
	color:#833ab4;
	border-color:#833ab4;
}

.header-style-two .social-box li.instagram a:hover{
	background-color:#833ab4;
	color:#ffffff;
}

.header-style-three .social-box{
	margin-top:12px;
	float:left;
}

.header-style-three .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.header-style-three .social-box li a{
	color:#223a66;
	font-size:14px;
	margin-left:8px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-three li a:hover{
	color:#f13a66;
}

.main-header .header-upper .nav-box{
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	text-align:center;
	line-height:50px;
	margin-left:18px;
	background-color:#223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper .nav-box:hover{
	background-color:#f13a66;
}

.main-header .search-box-outer{
	position:relative;
	float:left;
	padding: 17px 0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
	width:60px;
	height:50px;
    cursor: pointer;
    background: none;
    font-size: 18px;
    color: #ffffff;
	background-color:#558dca;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:before{
	position: absolute;
    content: '';
    left: -5px;
    top: 0px;
    width: 12px;
    z-index: -1;
    height: 100%;
    background-color: #d3d8e0;
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover::before{
	-ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
}

.main-header .search-box-btn:hover{
	background-color:#1cba9f;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:66px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	transform: none !important;
	border-top:3px solid #1cb99e;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#1cb99e;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

/* Header Style Two */

.main-header.header-style-two .header-upper .logo-outer{
	padding:45px 0px;
	margin:0px;
}

.main-header.header-style-three .header-upper .logo-outer{
	padding:40px 0px;
	margin:0px;
}

.main-header.header-style-two .header-upper .logo-outer:before,
.main-header.header-style-three .header-upper .logo-outer:before{
	display:none;
}

.header-style-two .main-menu .navigation > li > a,
.header-style-three .main-menu .navigation > li > a{
	color:#ffffff;
}

.header-style-three .main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:20px;
	height:2px;
	width:0px;
	background-color:#f13a66;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-style-three .main-menu .navigation > li:hover::before,
.header-style-three .main-menu .navigation > li.current::before{
	width:20px;
}

.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li{
	padding:23px 0px;
}

.header-style-three .theme-btn{
	background-color:#f13a66;
}

.header-style-three .header-lower .outer-box .theme-btn:hover{
	background:#ffffff;
	color:#f13a66;
}

.main-header .header-lower .user-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:20px;
	margin-top:5px;
	margin-left:20px;
}


.elementskit-header{
	position:relative;
	z-index:10;
}

.main-header .elementskit-navbar-nav > li{
    margin-right: 20px;
    padding: 25px 0px;
}
.main-header .elementskit-navbar-nav > li i{
    position: absolute;
    right: 0;
    top: 35px;
}

.main-header.header-style-two .elementskit-navbar-nav > li,
.main-header.header-style-three .elementskit-navbar-nav > li{
	padding:22px 0px;
}

.main-header.header-style-two .elementskit-navbar-nav > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:21px;
	height:2px;
	width:0px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	background-color:#1cba9f;
}

.main-header.header-style-two .elementskit-navbar-nav > li:hover::before{
	width:15px;
}





.main-header.header-style-three .elementskit-navbar-nav > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:21px;
	height:2px;
	width:0px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	background-color:#f13a66;
}

.main-header.header-style-three .elementskit-navbar-nav > li:hover::before{
	width:15px;
}






.main-header .elementskit-navbar-nav > li:last-child{
margin-right: 20px;
}

.main-header .elementskit-navbar-nav > li > a{
	padding:30.5px 0px;
    position: relative;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 35px;
    font-weight: 500;
    opacity: 1;
    color: #222222;
    padding: 0;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .elementskit-navbar-nav > li.active > a{
color: #4b9bda;
}
.main-header.header-style-two .elementskit-navbar-nav > li > a,
.main-header.header-style-three .elementskit-navbar-nav > li > a{
	color:#ffffff;
}

/*
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before{
    content: "\f13d";
    position: absolute;
    right: 0px;
    top: 4px;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	color:#1cba9f;
}
*/

.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before{
	color:rgba(255,255,255,0.50);
}

.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before{
	color:#ffffff;
}

/* .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:after{
	content: "\f137";
    position: absolute;
    right: 0px;
    top: 4px;
    opacity: 0;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
} */

.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has a{
	padding-right:18px !important;
}
/*
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has a:hover{
    color: #0bc3d5
}
*/

/* .main-header .elementskit-navbar-nav > li:hover > a:before{
	opacity:0;
}

.main-header .elementskit-navbar-nav > li:hover > a:after{
	opacity:1;
} */

.main-header .elementskit-dropdown{
	background-color:#ffffff;
    border-radius: 10px;
	    border: 3px solid #3b66bf;
}

.main-header .elementskit-submenu-panel > li{
	position:relative;
/*	border-bottom:1px solid #f9f9f9;*/
}
.main-header .elementskit-submenu-panel li ul li:last-child{
    border-bottom: none;
}
.main-header .elementskit-submenu-panel > li > a{
    position: relative;
    padding: 12px 15px 12px 0;
    color: #222222;
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    background: none;
	
}
.main-header .elementskit-submenu-panel > li > a:hover{
    color: #3d67bf;
}
.elementskit-dropdown {
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}
.main-header .elementskit-dropdown li:hover::before {
    width: 100%;
}

.main-header .elementskit-dropdown li:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    /* background-color: #0bc3d5; */
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
/*    border-bu: 1px solid red;*/
    border-bottom: 2px solid #3b67bf
}

/************ slider *******************/

/*** 

====================================================================
	Main Slider
====================================================================

***/

.main-slider{
	position: relative;
}
.main-slider .swiper-slide:before {
    background-color: rgba(0, 0, 0, .4);
    transition-delay: .7s;
}

.swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    transition: .6s;
    transition-delay: .7s;
}
.main-slider .swiper-slide img {
    height: calc(80vh);
    width: 100%;
}
.main-slider:before{
	position: absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:90px;
	z-index:10;
	background:url(../images/pattern-1.png) repeat-x;
	display: none;
}

.main-slider:after{
	position: absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:93px;
	z-index:10;
	background:url(../images/dotted-line.png) repeat-x;
	display: none;
}
.main-slider .auto-container {
    position: absolute;
    /* max-width: 1210px; */
    top: 0;
    padding: 0px 20px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-slider .slide{
	position:relative;
/*
	padding:225px 0px 225px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
*/
}

.main-slider .content{
	position:relative;
	z-index:10;
}

.main-slider .content .title{
	position:relative;
	font-size:18px;
        text-align: center;
	color:#ffffff;
	font-weight:700;
	line-height:1em;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
}

.main-slider .swiper-slide-active .content .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 600ms;
}

.main-slider .content h2{
	position:relative;
	font-size:48px;
	color:#ffffff;
	font-weight:700;
	line-height:1em;
	opacity: 0;
	margin-top:25px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
    text-align: center;

}

.main-slider .swiper-slide-active .content h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1200ms;
}

.main-slider .content .text{
	position:relative;
	font-size:16px;
	color:#777777;
	font-weight:400;
	line-height:1.8em;
	max-width:600px;
	margin-top:25px;
	margin-bottom:30px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	-o-transform: translateX(-80px);
	transform: translateX(-80px);
}

.main-slider .swiper-slide-active .content .text{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 1000ms;
}

.main-slider .btn-box{
	position:relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
text-align: center;
}

.main-slider .btn-box .theme-btn{
/*	float:left;*/
/*	margin:0px 30px 15px 0px;*/
}

.main-slider .swiper-slide-active .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1500ms;
}

.main-slider .swiper-button-next{
	left:40px;
	width:50px;
	height:50px;
	font-size:16px;
	line-height:49px;
	border-radius:50%;
	text-align:center;
	background-image:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border:1px solid #004cda;
}

.main-slider .swiper-button-next:before{
	position:absolute;
	content: "\f17d";
    transform: rotate(180deg);
left: 5px;
    top: 5px;
	width:50px;
	color:#004cda;
	font-size:16px;
	font-weight:700;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	font-family: "Flaticon";
}

.main-slider .swiper-button-prev{
	left:40px;
	width:50px;
	height:50px;
	font-size:16px;
	border-radius:50%;
	text-align:center;
	line-height:49px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	background-image:none;
	border:1px solid #004cda;
}

.main-slider .swiper-button-prev:before{
	position:absolute;
	content: "\f17d";
left: 5px;
    top: 5px;
	width:50px;
	height:50px;
	color:#004cda;
	font-size:16px;
	font-weight:700;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	font-family: "Flaticon";
}

.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover{
	background-color:#004cda;
    box-shadow: 1px 0px 10px #f7f7f7;
}

.main-slider .swiper-button-next:hover::before,
.main-slider .swiper-button-prev:hover::before{
	color:#ffffff;
}

.main-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#5a94da;
}
.main-slider .phone-btn {
    position: relative;
    border-radius: 50px;
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 18px 30px 18px 90px;
    border: 1px solid #222222;
}

.main-slider .theme-btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-slider .btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 15px 40px 15px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #004cda;
    text-transform: capitalize;
/*    font-family: 'Lato', sans-serif;*/
}
.main-slider .btn-style-two .txt {
    position: relative;
    z-index: 1;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}
.main-slider .btn-style-two:hover {
    color: #ffffff;
}
.main-slider .btn-style-two:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);

}

.main-slider .btn-style-two:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #222222;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);

}

/************ slider *******************/

/*************about- section*****************/

.about-area{
	position:relative;
	padding: 40px 0;
}

.about-area .image-layer {
        background-image: url(../images/about/pattern-2.png);

}
.about-area .image-layer {
    position: absolute;
    right: -545px;
    top: -20px;
    width: 1159px;
    height: 670px;
}
.about-areaabout-area .outer-section{
	position:relative;
	background-color:#f5f5f5;
}

.about-area .sec-title{
    position: relative;
    z-index: 1;
}

.about-area .sec-title h2 {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    padding-bottom: 25px;
    text-transform: capitalize;
}
.about-area .sec-title .separator {
    position: relative;
    width: 100px;
}
.about-area .sec-title .separator:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}    
.about-area .sec-title .separator.style-two::after {
    border-color: #f5f5f5;
}
.about-area .sec-title .separator:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -15px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 10px solid #ffffff;
    background-color: #5a94da;
}
.about-area .list-style-one li {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #777777;
    font-weight: 700;
    padding-right: 32px;
    margin-bottom: 20px;
/*    font-family: 'Lora', serif;*/
}
.about-area .list-style-one li .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    line-height: 24px;
    color: #5a94db;
    font-weight: 400;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
}
.about-area .image-column{
    width: auto;
    /* bottom: 50px; */
    /* float: right; */
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
    height: auto;
    border-radius: 55px;  
    margin-bottom: 25px;
}

.about-area .image-column .image{
width: 100%;
    /* display: none; */
    height: 100%;
    border-radius: 20px;
/*    border: 2px solid #5a94da;*/

}

.about-area .image-column .image img{width: 100%;/* display: none; */height: 100%;border-radius: 20px;}

/*Content Column*/

.about-area .content-column{
    width: 100%;
    height: 100%;
}

.about-area .content-box{
position: relative;
    max-width: 720px;
    width: 100%;
    float: right;
    z-index: 2;
    margin: 0 auto;
padding: 40px 15px 80px 15px;
}

.about-area .sec-title{
	margin-bottom:40px;
}

.about-area .text{
	position:relative;
	margin-bottom:45px;
}

.about-area .text p{
	position:relative;
	color:#777777;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:20px;
}

/*************department-section *************/

.department-section {
    position: relative;
    padding: 40px 0;
}
.department-section .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.department-section .centered {
    text-align: center !important;
}
.department-section .sec-title h2 {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    padding-bottom: 25px;
    text-transform: capitalize;
}

.department-section .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.department-section .centered {
    text-align: center !important;
}
.department-section .sec-title.centered .separator {
    margin: 0 auto;
}

.department-section .sec-title .separator {
    position: relative;
    width: 100px;
}
.department-section .sec-title .separator:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}
.department-section .sec-title .separator:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -15px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 10px solid #5a94db;
    background-color: #ffffff;
    border-radius: 50%;
}
.department-section .department-box {
    position: relative;
    margin-bottom: 30px;
}
.department-section .department-box .inner-box {
    position: relative;
}
.department-section .department-box .inner-box .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
        box-shadow: 0px 20px 40px rgba(0,0,0,0.10);
}
.department-section .department-box .inner-box .image img {
    position: relative;
    width: 100%;
    height: 270px;
    display: block;
}
.department-section .department-box .inner-box .lower-content {
    position: relative;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: -62px;
    border-radius: 10px;
    padding-top: 30px;
    text-align: center;
    overflow: hidden;
background-color: #f8f9fa;
}
.department-section .department-box .inner-box .lower-content h3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    line-height: 1.3em;
    padding-left: 15px;
    padding-right: 15px;
}
.department-section .department-box .inner-box .lower-content h3 i{
    margin-left: 10px;
    transform: rotate(45deg);
    color: #5a93db;
    text-shadow: 12px 10px 5px #ddd;
}
.department-section .department-box .inner-box .lower-content h3 i:last-child{
    margin-right: 10px;
    transform: rotate(-45deg);
    color: #5a93db;
    text-shadow: -12px 10px 5px #ddd;
}
.department-section .department-box .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
}
.department-section .department-box .inner-box .lower-content .text {
    position: relative;
    color: #777777;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 22px;
    margin-bottom: 22px;
    padding-left: 20px;
    padding-right: 20px;
        overflow: hidden;
    height: 110px;
}
.department-section .department-box .inner-box .lower-content .read-more {
position: relative;
    display: block;
    padding: 15px 15px;
    text-align: center;
    color: #192c42;
    font-size: 16px;
    font-weight: 700;
    background-color: #dddddd;
    /* font-family: 'Lora', serif; */
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
.department-section .department-box .inner-box:hover .lower-content .read-more {
	background-color:#222222;
	color:#ffffff;
}

.department-section .department-box .inner-box .lower-content span{
color: #004cda;
}

/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background: #f6f6f6;
    padding: 80px 0 70px;
position: relative;
    z-index: 1;
}

.testimonial-area .single-testimonial-item {
     overflow: hidden;
    background: #0b354a;
    display: block;
    padding: 30px 30px 20px;
    border: 1px solid #DDD;
    /* box-shadow: 0 0 8px #cccc; */
    background: #fff;
/*    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);*/
/*    border-radius: 20px;*/
}

.testimonial-area .module-header {
    margin-bottom: 15px;
    text-align: center;
    color: #000;
}
.testimonial-area .module-header h1 {
/*    text-transform: capitalize;*/
    font-size: 30px;
    color: #232323;
    font-weight: bold;
}
.testimonial-area .single-testimonial-item .img-box {
    width: 100px;
    height: 90px;
    margin: 0 auto;
    position: relative;
}
.testimonial-area .single-testimonial-item .img-box .quote-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border: 3px solid #fff;
    background: #5a94dc;
    z-index: 1;
    border-radius: 50%;
}
.testimonial-area .single-testimonial-item .img-box .quote-box i {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

.testimonial-area .single-testimonial-item .img-holder {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    width: 85px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 2px;
}
.testimonial-area .single-testimonial-item:hover .img-holder{
    background: #5a94dc;
    border-color: #5a94dc;
} 
.testimonial-area .single-testimonial-item .img-holder img{
    border-radius: 50%;    
}

.testimonial-area .single-testimonial-item .text-holder {
    padding-top: 15px;
    transition: all 0.7s ease;
}
.testimonial-area .single-testimonial-item .text-holder p {
 color: #999;
    font-size: 16px;
    margin: 0;
    height: 70px;
    overflow: hidden;
}
.testimonial-area .single-testimonial-item .name h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin: 15px 0 3px;
}
.testimonial-area .single-testimonial-item .name span {
    color: #ffffff; 
}

.testimonial-area .owl-dots {
    position: relative;
    margin-top: 40px;
}
.testimonial-area .owl-dots .owl-dot{
	background-image:none;
	width:12px;
	height:12px;
	margin:0px 5px;
	padding:0px;
	border:2px solid #e8e8e8;
	background:none;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.testimonial-area .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-area .owl-dots .owl-dot.active{
    border: 2px solid #5a94dc;
    background: #5a94dc;
}
.testimonial-area .owl-carousel .owl-item {
    float: right;
    margin-left: auto;
    margin-right: auto;
    /* transform-origin: left center; */
    /* transform: scale(.85,.85); */
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
    display: flex;
    padding: 20px;
    background-color: #fff;
}

/*** 
=============================================
    appointment Area 
=============================================
***/
.appointment-section {
    position: relative;
    padding: 0px 0px;
}
.appointment-section .image-layer {
    background-image: url(../images/cover-3.png);
}
.appointment-section .image-layer {
    position: absolute;
    right: 0;
    left: 0;
    top: -20px;
    width: 100%;
    height: 670px;
}


.appointment-section .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.appointment-section .centered {
    text-align: center !important;
}
.appointment-section .sec-title h2 {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    padding-bottom: 25px;
    text-transform: capitalize;
}

.appointment-section .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.appointment-section .centered {
    text-align: center !important;
}
.appointment-section .sec-title.centered .separator {
    margin: 0 auto;
}

.appointment-section .sec-title .separator {
    position: relative;
    width: 100px;
}
.appointment-section .sec-title .separator:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}
.appointment-section .sec-title .separator:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -15px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 10px solid #5a94db;
    background-color: #ffffff;
    border-radius: 50%;
}
.appointment-section .form-column .inner-column {
    position: relative;
    padding: 55px 35px 10px;
    background-color: #ffffff;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.10);
        margin-bottom: 20px;
}
.appointment-section .form-column h3 {
    position: relative;
    color: #002222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em;
    padding-bottom: 14px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}
.appointment-section .calender-form {
    position: relative;
}

.appointment-section .calender-form .form-group {
    position: relative;
    margin-bottom: 25px;
}
.appointment-section .calender-form .form-group label {
    position: relative;
    color: #222222;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.appointment-section .calender-form .form-group label .icon {
 position: relative;
    margin-left: 8px;
    color: #5a94dc;
    font-weight: 400;
}
.appointment-section .calender-form .form-group input[type="text"],
.appointment-section .calender-form .form-group input[type="tel"],
.appointment-section .calender-form .form-group input[type="email"],
.appointment-section .calender-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 33px;
    padding: 10px 28px;
    color: rgba(0,0,0,0.60);
    height: 45px;
    font-size: 14px;
    background: none;
    border: 1px solid #5a94dc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 10px;
}
.appointment-section .image-box{
    box-shadow: 0px 20px 40px #6c757d;
    border-radius: 50px;
    width: 100%;
    height: auto;
}
.appointment-section .image-box img{
        width: 100%;
    border-radius: 20px;
    height: 100%;
}
.appointment-section textarea {
    height: 164px;
    padding-top: 10px;
    resize: none;
        width: 100%;
    margin-bottom: 0px;
    background: #F5F5F5;
    border: 1px solid transparent;
    text-indent: 15px;
    transition: .3s linear;
}
.appointment-section .custom_btn {
    color: #fff;
    background: #44A6F0;
    padding: 15px 30px;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    text-align: center;
    min-width: 180px;
}
/**************news_area*****************/

.news_area {
    padding: 20px 0;
}

.news_area .section_title {
    padding-left: 55px;
}
.news_area .contact_form{
    padding-left: 25px;
}
.news_area .contact_form input,
.news_area .contact_form textarea {
    width: 100%;
    margin-bottom: 30px;
    background: #F5F5F5;
    border: 1px solid transparent;
    text-indent: 15px;
    transition: .3s linear;
}

.news_area .contact_form input:focus,
.news_area .contact_form textarea:focus {
    border-color: #44A6F0;
}

.news_area .contact_form input {
    height: 58px;
}

.news_area .contact_form textarea {
    height: 164px;
    padding-top: 10px;
    resize: none;
}
.news_area .box-img img{
    width: 170px;
    height: 145px;
}
.news_area .nice-select:hover {
    border-color: transparent;
}

.news_area .nice-select:active,
.news_area .nice-select.open,
.news_area .nice-select:focus {
    border-color: #2B79C3;
}

.news_area .nice-select {
    border: 1px solid transparent;
    background: #F5F5F5;
    width: 100%;
    height: 58px;
    line-height: 58px;
    transition: .3s linear;
    margin-bottom: 30px;
}

.news_area .nice-select ul.list {
    width: 100%;
}

.news_area .calender {
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    height: 58px;
}

/*
.news_area .calender:after {
    position: absolute;
    content: "\f073";
    left: 14px;
    top: 50%;
    font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
    transform: translatey(-50%);
}
*/

.news_area a.single_latest_news,
.news_area .single_latest_news {
/*    padding-left: 200px;*/
        display: inline-flex;
    color: #565656;
    position: relative;
    margin-bottom: 30px;
/*    padding-bottom: 25px;*/
}

.news_area .l_img {
    width: 170px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.news_area .single_latest_news h5 {
    font-size: 18px;
        margin-top: 15px;
    margin-bottom: 5px;
    transition: .3s linear;
    font-weight: 700;
}

.news_area .single_latest_news:hover h5 {
    color: #03C4D6;
}
.news_area .text-content p{
    height: 64px;
    overflow: hidden;
}
.news_area .single_latest_news span {
    margin-bottom: 10px;
}
.news_area .custom_btn {
    color: #fff;
    background: #03C4D6;
    padding: 15px 30px;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    text-align: center;
    min-width: 180px;
}
.news_area .custom_btn i{
        position: absolute;
    right: 35px;
    top: 19px;
    font-size: 14px;
}
/*******footer********/

footer {
/*    background: url(../images/footer_bg.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

footer:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00152f;
    top: 0;
    z-index: -1;
    opacity: .94;
}

footer .social-list-2 {
    margin-top: 25px;
}

footer .social-list-2 li {
    display: inline-block;
    font-size: 16px;
}

footer .social-list-2 li a {
margin: 0 3px 0 0;
    font-size: 14px;
    width: 40px;
    /* align-items: center; */
    height: 40px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
        box-shadow: 0 0 5px 0px rgba(0, 0, 0, .5);
}

.footer_area {
    padding: 35px 0;
    color: #fff;
}

.footer_area a {
    color: #fff;
    font-size: 16px;
}

.footer_logo {
    margin-bottom: 12px;
}
.footer_logo img {
    width: 100px;
    height: 96px;
}
.footer_contact_inf {
    margin-top: 25px;
}

.footer_contact_inf li {
    position: relative;
    margin-bottom: 15px;
    padding-right: 25px;
}

.footer_contact_inf i {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.9;
}

.footer_widget h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 56px;
}

.footer_widget .widget_menu li {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    padding-right: 25px;
}

.footer_widget .widget_menu a,
.footer_widget .widget_menu a:hover {
    color: #fff;
}

.footer_widget .widget_menu i {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.8;
}

.footer_area li:hover {
    transform: translatex(-5px);
}

.footer_area li {
    transition: .3s linear;
}
footer form {
    margin-bottom: 20px;
}
footer form .form-control {
    width: 80%;
    height: 40px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 13px;
    outline: 0;
    border: transparent;
}

footer .footer_content_box .btn {
    width: 20%;
    border-radius: 0;
    padding: 11px 13px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background-color: #5a94dc;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.copyright_area {
    text-align: center;
    padding: 20px 0;
    color: #fff;
    border-top: 1px solid #3597E1;
}

.copyright_area a {
    color: #fff;
    transition: .3s linear;
}

.copyright_area i {
    color: #610099;
}

.copyright_area:hover a {
    color: #610099;
}

/*********bread-roumb***************/
.breadvroumb_area {
    padding: 65px 0 35px;
    background-image: url(../images/welcome_shap.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.breadvroumb_area::before {
    background: linear-gradient(to right, #5a94da 0%, #3157b5 100%);
    background-position: center top;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadvroumb_area h1 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.breadcroumb_link,
.breadcroumb_link a {
    color: #d8d8d8;
    font-size: 19px;
}

.breadcroumb_link a {
    margin-right: 5px;
    color: #fff;
}

/*** 
=============================================
    Special Features Area style
=============================================
***/

.special-features-area {
/*    background-image: url(../images/services/third-parallax-block.jpg);*/
    position: static;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0;
    overflow: hidden;

    background: #ebf5fd;
    padding-top: 30px;
    padding-bottom: 20px;
}
.special-features-area .text-p p{
    padding: 20px;
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
    color: #37385c;
}
.special-features-area .single-item {
    position: relative;
    padding-left: 70px;
    overflow: hidden;
    display: block;
    margin-bottom: 50px;
    text-align: left;
    
}

.special-features-area .single-item .icon-box {
    position: absolute;
    top: 0;
    left: 0;
        box-shadow: 0 0 24px 0px #ddd;
}
.special-features-area .single-item .icon-box img {
    width: 65px;
    height: 65px;
}
.special-features-area .single-item .icon-box span:before {
    width: 70px;
    height: 70px;
    display: block;
    background: rgba(0, 0, 0, 0);
    /*    border-radius: 50%;*/
    /*    border: 1px solid #f1f1f1;*/
    text-align: center;
      font-size: 40px;
    line-height: 30px;
    color: #11143f;
    padding: 18px 0;
    transition: all 500ms ease;
}

/*
.special-features-area .single-item:hover .icon-box span:before {
    background: #cc6119;
    color:#fff;
}
*/

.special-features-area .single-item .text-box {
    padding-left: 20px;
    height: 120px;
    overflow: hidden;
}

.special-features-area .single-item .text-box h3 {
    margin: 0 0 13px;
    color: #11143f;
    font-size: 20px;
    font-weight: bold;
}

.special-features-area .single-item .text-box p {
    margin: 0;
    color: #999;
    line-height: 18px;
}
/*************/
.special-features-area .single-item-1{
    position: relative;
    padding-right: 70px;
    overflow: hidden;
    display: block;
    margin-bottom: 50px;
    text-align: right;
    
}

.special-features-area .single-item-1 .icon-box {
    position: absolute;
    top: 0;
    right: 0;
        box-shadow: 0 0 24px 0px #ddd;
}
.special-features-area .single-item-1 .icon-box img {
    width: 65px;
    height: 65px;
}
.special-features-area .single-item-1 .icon-box span:before {
    width: 70px;
    height: 70px;
    display: block;
    background: rgba(0, 0, 0, 0);
    /*    border-radius: 50%;*/
    /*    border: 1px solid #f1f1f1;*/
    text-align: center;
      font-size: 40px;
    line-height: 30px;
    color: #11143f;
    padding: 18px 0;
    transition: all 500ms ease;
}



.special-features-area .single-item-1 .text-box {
    padding-right: 20px;
    height: 120px;
    overflow: hidden;
}

.special-features-area .single-item-1 .text-box h3 {
    margin: 0 0 13px;
    color: #11143f;
    font-size: 20px;
    font-weight: bold;
}

.special-features-area .single-item-1 .text-box p {
    margin: 0;
    color: #999;
    line-height: 18px;
}


/*************service-area************/

.service_area {
    padding: 70px 0;
}
.service_area .section_title{
    margin-bottom: 30px;
}

.service_area a.single_service {
        
        display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    color: #565656;
    padding: 20px 0 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
}


.service_area .service_icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    transition: .3s cubic-bezier(0.32, 0.89, 1, 1.47);
    margin-bottom: 5px;
}

.service_area .single_service:hover .service_icon {
    transform: translatex(5px);
}

.service_area .single_service h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.service_area .single_service p{
    height: 70px;
    overflow: hidden
}
/***********about - page**************/

.about_page {
padding: 35px 0;
}

.department-section .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.about_page .centered {
    text-align: center !important;
}
.about_page .sec-title h2 {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    padding-bottom: 25px;
    text-transform: capitalize;
}

.about_page .sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 55px;
}

.about_page .centered {
    text-align: center !important;
}
.about_page .sec-title.centered .separator {
    margin: 0 auto;
}

.about_page .sec-title .separator {
    position: relative;
    width: 100px;
}
.about_page .sec-title .separator:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}
.about_page .sec-title .separator:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -15px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 10px solid #5a94db;
    background-color: #ffffff;
    border-radius: 50%;
}
.about_page .box-img {
        width: 100%;
    border-radius: 20px;
    box-shadow: 4px 9px 27px 0px #ddd;
    height: 350px;

}
.about_page .box-img img{
        width: 100%;
    height: 350px;
    border-radius: 20px;
}
.about_page .about_content {
/*     padding-left: 40px;*/
/*    padding-bottom: 70px;*/
}
.about_page .text-p p{
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
    box-shadow: 4px 9px 27px 0px #ddd;
}
.about_page .about_content p{

    height: 90px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    line-height: 95px;
    font-size: 40px;
    color: #5a94da;
}
.about_page .about_content ul {
    margin-top: 10px;
    margin-bottom: 30px;
}

.about_page .about_content li {
    margin-bottom: 5px;
    position: relative;
    padding-right: 30px;
}

.about_page .about_content li i {
    color: #44A6F0;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}

.about_page .about_righ_content {
    padding-right: 56%;
    position: relative;
}

.about_page .about_content h1 {
    margin-bottom: 15px;
}
.about_page  .box-vid-comp {
    width: 100%;
    height: 333px;
/*    overflow: hidden;*/
    position: relative;
    background: url(../images/about/dr-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
     box-shadow: 0 0 24px 0px; 
}

.about_page  .overlay {
/*    background: #002f6757;*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.about_page  .box-vid-comp i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(0,0,0,0.8);
    z-index: 1;
    background: #fff;
    padding: 15px 15px;
    text-align: center;
    width: 60px;
    border: 1px solid #222;
    height: 60px;
    border-radius: 50%;
    font-size: 2em;
}


.about_page .box-vid-comp:after {
 position: absolute;
    content: "";
    width: 121px;
    height: 131px;
    left: -53px;
    background-image: url(../images/about/about_shape.png);
    top: 266px;
    z-index: -1;
}

.about_page .single_about_box {
    text-align: center;
    background: #fff;
    box-shadow: 4px 0px 93px 6px rgba(0, 0, 0, 0.08);
    padding: 40px 38px;
    margin: 0 -10px;
        overflow: hidden;
}
.about_page .single_about_box p{
    overflow: hidden;
    height: 70px;
}
.about_page .single_about_box h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 35px;
}
.serv-img{
    margin-bottom:25px;
    width: 100%;
    overflow:hidden;
}
.serv-img img{
    transition: 0.8s linear;
}
.serv-img img:hover{
    transform: scale(1.1);
    filter: brightness(0.5);
}
.news-heading-date h1{
    color:#004cda;
}
/***************department-details**************/

.department-details .title_bar {
    margin-bottom: 70px 0;
}
.department-details {
    padding:  70px 0;
}
.department-details .img-box img{
    width: 100%;
    box-shadow: 0 0 24px 0px;
    margin-bottom: 30px;
}
.department-details p {
    height: 65px;
    overflow: hidden;
}

.department-details .working_box {
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    color: #fff;
    margin-top: 52px;
    outline: 2px solid #fff;
    padding: 60px 17px 68px 20px;
    outline-offset: -10px;
}



.department-details  .box-vid-comp {
    width: 100%;
    height: 333px;
/*    overflow: hidden;*/
    position: relative;
    background: url(../images/departments/department-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
     box-shadow: 0 0 24px 0px; 
    margin-bottom: 25px;
}

.department-details .overlay {
/*    background: #002f6757;*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.department-details .box-vid-comp i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(0,0,0,0.8);
    z-index: 1;
    background: #fff;
    padding: 15px 15px;
    text-align: center;
    width: 60px;
    border: 1px solid #222;
    height: 60px;
    border-radius: 50%;
    font-size: 2em;
}


.department-details .box-vid-comp:after {
 position: absolute;
    content: "";
    width: 121px;
    height: 131px;
/*    left: -53px;*/
/*    background-image: url(../images/about/about_shape.png);*/
    top: 266px;
    z-index: -1;
}

.department-details .working_box h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}

.department-details .working_box li {
    margin-bottom: 15px;
}
.department-details .depertment_title h4 {
    font-weight: 700;
}

.department-details .dept_search_bar input {
    background: #F3F3F3;
    border: none;
    line-height: 56px;
    text-indent: 15px;
    width: 376px;
}

.department-details .dept_search_bar button {
    width: 56px;
    height: 56px;
    border: none;
    background: #44A6F0;
    color: #fff;
}

.department-details .dept_details_page {
    padding: 100px 0;
}

.department-details .treatment_fee_wraper h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.department-details .dept_fee_area {
    padding-top: 30px;
}
.department-details .treatment_fee_wraper ul{
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 0 6px 0px;
}
.department-details .treatment_fee li {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.department-details .treatment_fee li strong {
    float: left;
}
/******************/

/*-- page-gallery --*/
.page-gallery {
    padding: 4em 0;
}
.page-gallery .box-right {
    position: relative;
    /* top: 100px; */
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 30px;
}
/**************service-details****************/

.service_details {
    padding: 70px 0;
}
.service_details .section_title {
    margin-bottom: 30px;
}
.service_details .text-p p{
    font-size: 30px;
    color: #5a94da
}
.service_details .contact_form input,
.service_details .contact_form textarea {
    width: 100%;
    margin-bottom: 30px;
    background: #F5F5F5;
    border: 1px solid transparent;
    text-indent: 15px;
    transition: .3s linear;
}

.service_details .contact_form input:focus,
.service_details .contact_form textarea:focus {
    border-color: #44A6F0;
}

.service_details .contact_form input {
    height: 58px;
}

.service_details .contact_form textarea {
    height: 164px;
    padding-top: 10px;
    resize: none;
}
.service_details .box-img img{
    width: 170px;
    height: 145px;
}
.service_details .nice-select:hover {
    border-color: transparent;
}

.service_details .nice-select:active,
.service_details .nice-select.open,
.service_details .nice-select:focus {
    border-color: #2B79C3;
}
.service_details form{
        padding: 30px;
    background: linear-gradient(to right, #5a94da 0%, #3157b5 100%);
    border-radius: 15px;
}

.service_details .nice-select {
    border: 1px solid transparent;
    background: #F5F5F5;
    width: 100%;
    height: 58px;
    line-height: 58px;
    transition: .3s linear;
    margin-bottom: 30px;
        padding-right: 18px;
    padding-left: 30px;
}
.service_details .nice-select span{
    float: right;
}
.service_details .nice-select:after {
    left: 12px;
    right: auto;
}
.service_details .nice-select ul.list {
    width: 100%;
}
.service_details .nice-select ul.list li{
    text-align: right;
}
.service_details .calender {
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    height: 58px;
}

.service_details .service_details_wraper li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 10px;
}
.service_details .service_details_wraper li>i {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 18px;
    color: #44a6f0;
}
/*
.service_details .calender:after {
    position: absolute;
    content: "\f073";
    left: 14px;
    top: 50%;
    font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
    transform: translatey(-50%);
}
*/

.service_details .service_details_wraper img {
    margin-bottom: 60px;
    width: 100%;
        box-shadow: 0 0 24px 0px;
    height: 500px;
        border-radius: 30px;
}

.service_details .service_details_wraper h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    font-style: italic;
    margin-bottom: 10px;
}

.service_details .service_quote {
    text-align: center;
    background: #F8F8F8;
    padding: 23px 2px;
}

.service_details .service_quote strong {
    font-weight: 400;
}

.service_details .service_quote i {
    font-size: 25px;
    color: #44a6f0;
}

.service_details .service_list_items li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}

.service_details .service_list_items li>i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 18px;
    color: #44a6f0;
}

.service_details .more_service_area a.single_service {
        
        display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    color: #565656;
    padding: 20px 0 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
}


.service_details .more_service_area .service_icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    transition: .3s cubic-bezier(0.32, 0.89, 1, 1.47);
    margin-bottom: 5px;
}

.service_details .more_service_area .single_service:hover .service_icon {
    transform: translatex(5px);
}

..service_details .more_service_area .single_service h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.service_details .more_service_area {
    margin-top: 60px;
}


.service_details .more_service_area h1 {
    margin-bottom: 30px;
}

.service_details a.single_service {
    width: 100%;
}
.service_details .custom_btn {
    color: #fff;
    background: #44A6F0;
    padding: 15px 30px;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    text-align: center;
    min-width: 180px;
}
/**************contact page***********/

.contact_page {
    padding: 70px 0;
}
.contact_page form{
    margin-bottom: 30px;
}
.contact_page .contact_form2 input,
.contact_page .contact_form2 textarea {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: .3s linear;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 25px;
    padding-right: 22px;
    padding-top: 10px;
}

.contact_page .contact_form2 input {
    height: 50px;
}

.contact_page .contact_form2 textarea {
    height: 115px;
}

.contact_page .contact_form2 input:focus,
.contact_page .contact_form2 textarea:focus {
    border-bottom-color: #56AFF1;
}

.contact_page .contact_icon {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.contact_page .contact_widget {
    margin-top: 30px;
    border: 2px solid #05c4d6;
    padding: 15px;
    height: 175px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
    margin-bottom: 30px;
}
.contact_page .contact_widget h4 {
    font-weight: 700;
    font-size: 20px;
/*    margin-bottom: 56px;*/
}

.contact_page .contact_widget li {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    padding-right: 25px;
}

.contact_page .contact_widget a,
.contact_page .contact_widget a:hover {
    color: #fff;
}

.contact_page .contact_widget i {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.8;
    color: #05c4d6;
    font-size: 15px;
}

.contact_page .single_contact_inf {
    position: relative;
    padding-left: 60px;
    margin-bottom: 25px;
}

.contact_page .contact_inf_area {
    padding: 30px 20px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.14);
        margin-bottom: 30px;
}

.contact_page .ccontact_inf_content h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.contact_page .single_contact_inf a {
    color: #464646;
    display: block;
    transition: .3s linear;
}

.contact_page .single_contact_inf:hover a {
    color: #56AFF1;
}

.contact_page .single_contact_inf:last-child {
    margin-bottom: 0;
}

.contact_page .contact_page_area {
    padding: 100px 0;
}

.contact_page .custom_btn {
    color: #fff;
    background: linear-gradient(to right, #5a94da 0%, #3157b5 100%);
    padding: 18px 30px;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    text-align: center;
    min-width: 180px;
}

/***************blog-page-area**************/

.blog_area {
    padding: 70px 0;
}
.blog_area .blog_img img {
    width: 100%;
    margin-bottom: 30px;
}
.blog_area p{
    height: 65px;
    overflow: hidden;
}
.blog_area .blog_content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    height: 45px;
    overflow: hidden;
    color: #333;
}

.blog_area .blog_box .date {
    background: #E5F3FF;
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 70px;
    padding: 6px 0;
    margin-bottom: 5px;
}

.blog_area .blog_box .date h2 {
    font-weight: 700;
    font-size: 30px;
    border-bottom: 1px solid #fff;
}

.blog_area .blog_box .date span {
    font-size: 16px;
}

.blog_area .blog_box .comment_box {
    width: 70px;
    height: 40px;
    border: 1px solid #E2E2E2;
    text-align: center;
    line-height: 40px;
    display: block;
}

.blog_area .blog_content {
    position: relative;
    padding-left: 90px;
    padding-right: 15px;
}
.blog_area .blog_content p{
        height: 70px;
    overflow: hidden;
   color:  #6c757d
}
.blog_area .blog_content .blog_meta {
    position: absolute;
    left: 12px;
    top: 0;
}

.blog_area a.date,
.blog_area a.comment_box {
    color: #565656
}

.blog_area .blog_box {
        margin-bottom: 45px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
}

.blog_area .paginations_menu li {
    display: inline-block;
}

.blog_area .paginations_menu a {
    padding: 0 6px;
    color: #565656;
    transition: .3s linear;
    font-size: 15px;
}

.blog_area .paginations_menu a:hover {
    color: #44A6F0;
}

.blog_area .paginations_menu .nav a {
    width: 30px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.blog_area .paginations_menu .prev a:hover {
    border-right-color: #44A6F0;
}

.paginations_menu .prev a {
    border-left: 1px solid;
}

.blog_area .paginations_menu .next a {
    border-right: 1px solid;
}

.blog_area .paginations_bar {
    margin-top: 20px;
}
/*********blog-details*********/
.blog_area .blog_full_content img {
    margin-bottom: 25px;
        width: 100%;
        height: 500px;
}
.blog_area .blog_full_content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog_area .blog_full_content .blog_meta {
    margin-bottom: 30px;
}
.blog_area .blog_full_content .blog_meta a {
    color: #565656;
    margin-left: 35px;
}
.blog_area .blog_full_content .blog_quote {
    background: #EDF7FF;
    padding: 25px 70px 20px 60px;
    position: relative;
}
.blog_area .tag_and_social_bar {
    padding: 70px 0;
}
.blog_area .comment_area h4 {
    margin-bottom: 70px;
    font-size: 20px;
    font-weight: 700;
}
.blog_area .comment_area .comment_wraper {
    margin-bottom: 105px;
}
.blog_area .comment_area .comment_wraper .comment_content {
    position: relative;
    padding-right: 135px;
    margin-bottom: 60px;
}
.blog_area .comment_area .comment_wraper .single_comment .user_photo {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    /* z-index: 2; */
}
.blog_area .comment_area .comment_wraper .single_comment>.single_comment {
    margin-right: 70px;
}
.blog_area .comment_area .comment_wraper .user_details {
    margin-bottom: 15px;
}
.blog_area .comment_area h4 {
    margin-bottom: 70px;
    font-size: 20px;
    font-weight: 700;
}
.blog_area .contact_form input {
    height: 58px;
}

.blog_area .contact_form input, .contact_form textarea {
    width: 100%;
    margin-bottom: 30px;
    background: #F5F5F5;
    border: 1px solid transparent;
    text-indent: 15px;
    transition: .3s linear;
}
.blog_area .custom_btn {
    color: #fff;
    background: #44A6F0;
    padding: 15px 30px;
    transition: .3s linear;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    text-align: center;
    min-width: 180px;
}
.blog_area form.widget_search_bar {
    width: 100%;
    height: 56px;
    position: relative;
    margin-bottom: 60px;
}
.blog_area .widget_search_bar input {
    width: 100%;
    height: 100%;
    border: none;
    font-weight: bold;
    background: #DFF1FF;
    text-indent: 15px;
}
.blog_area .widget_search_bar button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent;
    border: none;
    padding: 0 20px;
}
.blog_area .recent_post {
    margin-bottom: 30px;
}
.blog_area .recent_post>ul {
    border: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #F4F4F4;
}
.blog_area .nav-tabs .nav-item {
    margin-bottom: -1px;
/*    position: relative;*/
}
.blog_area .recent_post .nav-tabs .nav-link {
/*    font-family: 'Unna', serif;*/
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}
.blog_area .recent_post>ul>li>a {
    padding: 0 5px 15px 0;
    color: #565656!important;
    font-size: 20px;
    font-weight: 700;
    border: none!important;
    margin-right: 21px;
    position: relative;
}
.blog_area .recent_post>ul>li>a:hover:after,.blog_area .recent_post>ul>li>a.active:after {
    visibility: visible;
    opacity: 1;
}

.blog_area .recent_post>ul>li>a:after {
    position: absolute;
    content: "";
    background: #6FBAF3;
    width: 100%;
    height: 5px;
    border-radius: 2.5px;
    right: 0;
    transition: .3s linear;
    bottom: -2px;
    visibility: hidden;
    opacity: 0;
}

.blog_area a.single_recent_post {
    position: relative;
    margin-bottom: 30px;
    padding-right: 114px;
    color: #565656;
padding: 15px 114px 15px 0px;
    display: inline-block;
}

.blog_area .single_recent_post .rp_img {
    width: 100px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog_area .single_recent_post h4 {
    font-size: 18px;
    font-weight: bold;
    transition: .3s linear;
    margin-bottom: 10px;
}
.blog_area .single_recent_post span {
    display: inline-block;
}
.blog_area .widget_menu_bar {
    margin-bottom: 50px;
}
.blog_area .widget_menu_bar>h4, .widget_tag>h4, .filter_slider h5, .recent_post h5 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #F4F4F4;
    display: block;
}
.blog_area .widget_menu_bar>h4:after, .widget_tag>h4:after, .filter_slider h5:after, .recent_post h5:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 5px;
    background: #6FBAF3;
    bottom: -3px;
    right: 0;
    border-radius: 5px;
}
.blog_area .widget_menu a {
    color: #565656;
    transition: .3s linear;
    margin-bottom: 10px;
    color: #565656;
    cursor: pointer
}
.blog_area .widget_menu_bar .widget_menu i {
    padding-left: 10px;
}
.blog_area .widget_menu_bar>h4:after, .widget_tag>h4:after, .filter_slider h5:after, .recent_post h5:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 5px;
    background: #6FBAF3;
    bottom: -3px;
    right: 0;
    border-radius: 5px;
}
.blog_area .widget_tag ul.tag_list {
    margin: 0 -5px;
}
.blog_area .widget_tag li {
    display: inline-block;
}
.blog_area .widget_tag a {
    color: #565656;
/*    padding: 0 10px;*/
    margin-bottom: 15px;
    border: 1px solid #CACACA;
    line-height: 50px;
    margin: 0 5px 15px;
    padding: 10px;
}
/*************gallery-page***************/
.gallery_area {
    padding: 70px 0;
}
.gallery_area .single_gallery {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
}
.gallery_area button{
    color: #565656;
    font-weight: 700;
    /* font-family: unna; */
    margin-bottom: 75px;
    font-size: 18px;
    outline: none;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.13);
    border: none;
    margin-left: 10px;
    padding: 5px 12px;
    background: transparent;
    transition: .3s linear;
    display: inline-block;
    margin-bottom: 30px;
}
.gallery_area .mixitup-control-active{
      background: #5a94da;
    color: #fff;
}
.gallery_area .gallery_v2 .single_gallery {
    margin-bottom: 50px;
}

.gallery_area .gallery_img {
    width: 100%;
    height: 100%;
    height: 255px;
    background-color: #ddd;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.gallery_area .isotope_menu a {
    color: #565656;
    font-weight: 700;
/*    font-family: unna;*/
    margin-bottom: 75px;
    font-size: 18px;
    padding: 5px 12px;
    transition: .3s linear;
}

.gallery_area .isotope_menu li.active a,
.gallery_area .isotope_menu a:hover {
    background: #44A6F0;
    color: #fff;
}

.gallery_area .isotope_menu li {
    display: inline-block;
        margin-bottom: 30px;
}

.gallery_area .gallery_hover_content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(68, 166, 240, 0.6);
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: hidden;
    padding-top: 70px;
    transition: .3s linear;
    opacity: 0;
}

.gallery_area .gallery_hover_content i {
    margin-bottom: 20px;
    font-size: 30px;
}

.gallery_area .gallery_hover_content h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.gallery_area .single_gallery:hover .gallery_hover_content {
    visibility: visible;
    opacity: 1;
}
.gallery_area .paginations_menu li {
    display: inline-block;
}

.gallery_area .paginations_menu a {
    padding: 0 6px;
    color: #565656;
    transition: .3s linear;
    font-size: 15px;
}

.gallery_area .paginations_menu a:hover {
    color: #44A6F0;
}

.gallery_area .paginations_menu .nav a {
    width: 30px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.gallery_area .paginations_menu .prev a:hover {
    border-right-color: #44A6F0;
}

.gallery_area .paginations_menu .prev a {
    border-left: 1px solid;
}

.gallery_area .paginations_menu .next a {
    border-right: 1px solid;
}

.gallery_area .paginations_bar {
    margin-top: 20px;
}


/*=============== Start up =================*/

/*-- bottom-to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 3%;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    height: 47px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 40px;
    height: 47px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#toTop:hover{
  transform: scale(1.1);
}
/****************************/
@media only screen and (min-width: 0px) and (max-width: 768px) {
    .header_area ul.main_menu > li > a {
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 5px;
    transition: .3s linear;
}
.swiper-container .swiper-slide img {
    height: calc(45vh);
    width: 100%;
}
.swiper-slide .slider-text-1 h2 {
    font-size: 19px;
}
    .main-header .header-top .top-right-info{
        display: none;
    }

.features-area .single_box a, .features-area a.read_btn, .features-area .read_btn {
    margin-top: 10px;
    font-size: 14px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    
     .header_top_area .icons,.header_top_area .wlc {
            text-align: center;
        }
        
    .swiper-slide .slider-text-1 {
   
    display: none;
    }
    .about-area .image-layer{
            display: none;

    }
    .main-header .elementskit-dropdown {
    background-color: #ffffff;
    border-radius: 10px;
    border: none;
}
    .main-header .elementskit-navbar-nav > li:last-child {
     margin-right: 0px; 
}
    .main-header .elementskit-navbar-nav > li i {
    position: absolute;
    left: 15px;
    top: 10px;
        right: unset;
}
    .about-area{
        padding: 0;
    }
    .about-area .sec-title h2{
        font-size: 20px;
    }
    .about-area .text{
        margin-bottom: 0;
    }
    .about-area .content-box{
        padding: 40px 15px 15px 15px;
    }
    .department-section .sec-title h2{
        font-size: 20px;
    }
    .department-section{
        padding: 0
    }
    .main-slider .swiper-slide img {
    height: calc(30vh);
    width: 100%;
}
    .main-slider .auto-container {
    position: absolute;
    /* max-width: 1210px; */
    top: 0;
    padding: 0;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
    .main-slider .content .title{
        display: none;
    }
    .main-slider:before{
        display: none;
    }
    .main-slider:after{
        display: none;
    }
    .main-slider .btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    color: #ffffff;
    padding: 5px 15px;
    }
    .main-slider .content h2{
position: relative;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1em;
    opacity: 0;
    margin-top: 10px;
    }
    .main-slider .content .title {
    position: relative;
    font-size: 13px;
    }
    .department-section .department-box .inner-box .lower-content h3 a{
                font-size: 18px;

    }
    .appointment-section .sec-title h2{
        font-size: 20px;
}
.service_details .service_details_wraper img {
    width: 100%;
    height: auto;
}
    .about .about_content h1 {
    font-size: 18px;
    }
    .depertment_area {
    padding: 15px 0;
}
    .doctor_area {
    padding: 15px 0;
    }
    .news_area {
    padding: 33px 0;
}
    .features-area {
    padding: 50px 0;
}
    .about .working_box {
   
    height: 370px;
    
    padding: 60px 17px 19px 20px;
  
}
    .about_page .sec-title h2{
        font-size: 21px;
    }
    .special-features-area .text-p p{
        font-size: 21px;
    }
    .about_page .about_content p{
        font-size: 21px;
    }
    .about_page .box-img {
    width: 100%;

    height: auto;
}
    .about_page .box-img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
    .testimonial-area .module-header h1{
        font-size: 20px;
    }
    .about_page .box-vid-comp:after {
        display: none;
    }
    .about .owl-carousel .owl-item img{
        height: auto;
    }
    .gallery_area button {
 
    width: 100%;
    display: block;
    }
    .main-header .logo-outer .logo img {
    position: relative;
    display: inline-block;
 width: 100px;
    height:80px;
    top: 0;
}
    .about .about_content{
        margin-bottom: 30px;
    }
    .header_top_area a.icons_single_contact {
        border: none;
        padding: 10px;
    }
       .header_top_area .icons {
            text-align: center;
        }

       .header_top_area .icons,
       .header_top_area .icons a,
       .header_top_area .icons_language>li a {
            font-size: 10px;
        }

        a.htr_single_contact {
            border: none;
        }
    
        .header_area .main_menu {
            display: none;
        }
       .header_area nav.menu_bar {
            padding-right: 0;
        }
    .about_page .single_about_box {
        margin-bottom: 20px;
    }
    .news_area .text-content p {
    height: 50px;
    overflow: hidden;
    font-size: 13px;
}
    .news_area .single_latest_news h5 {
    font-size: 14px;
    }
.news_area .box-img img {
 width: 125px;
    height: 125px;
}
    .news_area .section_title {
    padding-left: 55px;
    margin-top: 30px;
}
        .header_area .slicknav_menu {
            background: transparent;
            display: block;
            position: absolute;
            top: -4px;
            left: 0;
            z-index: 6;
        }

       .header_area ul.slicknav_nav {
            background: #44A6F0;
            width: 290px;
            text-align: right;
            top: 12px;
            position: relative;
        }

        .header_area .slicknav_btn {
            background: transparent;
        }

       .header_area .slicknav_menu .slicknav_icon-bar {
            background: #222;
            width: 27px;
            margin-bottom: 5px;
            height: 2px;
        }

       .header_area .slicknav_nav .slicknav_row:hover,
       .header_area .slicknav_nav a:hover {
            background: #f1f1f1;
            color: #222;
            border-radius: 0;
        }
       .header_area form.search_form {
            top: 3px;
            right: 54px;
            z-index: 12;
        }

       .header_area .search_form input {
            position: absolute;
            border: 1px solid #ddd;
            right: 0;
            top: 37px;
            text-indent: 10px;
            -webkit-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear;
            width: 180px;
            visibility: hidden;
            opacity: 0;
            background:  #fff;
        }
.header_area .search_form button {
    position: absolute;
    top: -10px;
    }
    .header_area form.search_form {
            top: 3px;
            right: 54px;
            z-index: 12;
        }

       .header_area .search_form input {
            position: absolute;
            border: 1px solid #ddd;
            right: 0;
            top: 37px;
            text-indent: 10px;
            -webkit-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear;
            width: 180px;
            visibility: hidden;
            opacity: 0;
            background:  #fff;
        }

       .header_area .search_form.activw input {
            visibility: visible;
            opacity: 1;
        }

       .header_area form.search_form.active input {
            visibility: visible;
            opacity: 1;
        }
     .header_area form.search_form {
            top: 3px;
            right: 54px;
            z-index: 12;
        }

       .header_area .search_form input {
            position: absolute;
            border: 1px solid #ddd;
            right: 0;
            top: 37px;
            text-indent: 10px;
            -webkit-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear;
            width: 180px;
            visibility: hidden;
            opacity: 0;
           height: 45px;
            background:  #fff;
        }

       .header_area .search_form.activw input {
            visibility: visible;
            opacity: 1;
        }

       .header_area form .search_form.active input {
            visibility: visible;
            opacity: 1;
        }
    .swiper-container .swiper-slide img{
        width: 100%;
/*        height: auto;*/
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        display: none;
    }
   .depertment_area .custom_col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    h1 {
    font-size: 1.5rem;
}
.department-details .dept_fee_area {
    padding-top: 0;
}
.about_page .about_content h1 {
    margin-bottom: 20px;
    margin-top: 25px;
}
.breadvroumb_area h1 {
    font-size: 23px;
}
.breadvroumb_area {
    padding: 0;
}
}

/* Social media */
#wrapper {
	padding: 0;
	z-index: 10000;
	transition: 0.5s ease-in-out;
	display: flex;
	flex-direction: column;
	list-style: none;
	/* z-index: 1000; */
	position: fixed;
	top: 260px;
	left: 0;
	transform: translate(-100%, 100%);
	/* direction: rtl; */
	}
  
  #wrapper .Icon {
	position: relative;
	background: #3257b5;
	border-radius: 14%;
	padding: 15px;
	margin: 9px;
	width: 40px;
	height: 40px;
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 10px 10px #e9ecef36;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
  
  #wrapper .tooltip {
	position: absolute;
	left: 0;
	font-size: 14px;
	background: #ffffff;
	color: #000;
	padding: 5px 8px;
	border-radius: 5px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  #wrapper .tooltip::before {
	position: absolute;
	content: "";
	height: 8px;
	width: 8px;
	background: #ffffff;
	left: 0px;
	top: 11px;
	transform: translate(-50%) rotate(45deg);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  #wrapper .Icon:hover .tooltip {
	left: 60px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
  }
  #wrapper .Icon a{
	color: #fff;
	}
  
  #wrapper .Icon:hover span,
  #wrapper .Icon:hover .tooltip {
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  }
  #wrapper .Icon:hover a{
	color: #fff;
  }
  #wrapper .facebook:hover,
  #wrapper .facebook:hover .tooltip,
  #wrapper .facebook:hover .tooltip::before {
	background: #1877F2;
	color: #ffffff;
  }
  
  #wrapper .call:hover,
  #wrapper .call:hover .tooltip,
  #wrapper .call:hover .tooltip::before {
	background: #128C7E;
	color: #ffffff;
  }
  
  #wrapper .instagram:hover,
  #wrapper .instagram:hover .tooltip,
  #wrapper .instagram:hover .tooltip::before {
	background: #000;
	color: #ffffff;
  }
  
  #wrapper .github:hover,
  #wrapper .github:hover .tooltip,
  #wrapper .github:hover .tooltip::before {
	background: #333333;
	color: #ffffff;
  }
  
  #wrapper .whatsapp:hover,
  #wrapper .whatsapp:hover .tooltip,
  #wrapper .whatsapp:hover .tooltip::before {
	background: #25D366;
	color: #ffffff;
  }
  .content-box {
    overflow: hidden;
}
  .content-box {
    background-color: #f9f9f9;
    padding: 15px;
    margin-bottom: 25px;
    color: #313a52;
    direction: rtl;
    box-shadow: 0 0 15px rgb(0 0 0 / 25%);
    height: 95%;
    border-radius: 20px;
}
 .headline-p {
    line-height: 30px;
    transition: .5s;
    font-size: 1.2rem;
    position: relative;
    text-align: right;
    margin: 15px 0;
    padding-right: 10px;
    border-right: 4px solid #000;
}
table.infotable {
    border-collapse: collapse;
    width: 100%;
    color: #282f44;
}
@media only screen and (min-width: 992px){
    table.infotable th.ttitle {
    font-size: .9rem;
}
}


table.infotable th.ttitle {
    font-size: 20px;
    padding-left: 0;
    border-left: 1px solid #e0dcd6;
}

@media only screen and (min-width: 992px) {
   table.infotable td, table.infotable th {
    font-size: 1rem;
    padding: 7px 25px 7px 15px;
}
.main-header .xs-bold-menu {
    display: none;
}
}
table.infotable td, table.infotable th {
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #e0dcd6;
    text-align: right;
    font-size: .9rem;
}

.page-banner-area {
	padding-top: 259px;
	/*padding-bottom: 602px;*/
	background: url(https://pure-dent.co/uploads/sliders/home-sliders/source/67543.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	/*margin-top: 150px;*/
	height: 350px;
    background-position: center;
}
 
.page-banner-content {
	text-align: center
}

.page-banner-content h2 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 38px;
	font-weight: 600;
	text-shadow: 0px 1px 20px;
}

.page-banner-content .pages-list {
	text-align: center;
	padding-right: 0;
	margin-bottom: 0;
	direction: rtl;
}

.page-banner-content .pages-list li {
	display: inline-block;
	list-style-type: none;
	padding-right: 7px;
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	position: relative;
}

.page-banner-content .pages-list li::before {
	position: absolute;
	content: '\27F5';
	top: -1px;
	right: -26px;
	font-weight: 700;
	left: 139px;
	color: #fff;
	font-size: 20px;
}

.page-banner-content .pages-list li span {
	color: #06a3da
}

.page-banner-content .pages-list li:first-child {
	margin-left: 0
}

.page-banner-content .pages-list li:first-child::before {
	display: none
}

.page-banner-content .pages-list li a {
	display: block;
	padding-left: 34px;
	color: #fff;
}

.page-banner-content .pages-list li a:hover {
	color: #06a3da
}
body .Tabs_Topic {
    display: grid;
    padding: 70px 0;
}
body .Tabs_Topic .serv-head{
    color: #282f44;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 15px;
}
body .Tabs_Topic .widget{
    position: sticky;
    top: 8rem;
}
body .Tabs_Topic .list-group a{
    font-size: 16px;
    font-weight: 600;
}
body .Tabs_Topic .list-group a.active{
    background-color: var(--main-color-two);
    border: 1px solid var(--main-color-two);
}
body .Tabs_Topic img {
    width: 100%;
    height: 250px;
}
.tm-dots1 .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tm-dots1 .owl-dot {
    margin: 0px 5px;
    padding: 3px 0 4px;
}
.tm-dots1 .owl-dot span {
    height: 3px;
    width: 30px;
    background-color: var(--main-color);
    border-radius: 50px;
    display: block;
    position: relative;
}
.tm-dots1 .owl-dot span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-radius: 88px;
    background-color: var(--main-color-two);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tm-dots1 .owl-dot.active span:before {
    height: 5px;
}
.tm-hero-slider .owl-dots {
    max-width: 1140px;
    padding: 0 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    bottom: -9px;
}
.tm-section-heading {
    max-width: 1140px;
    padding: 0 15px;
    margin: auto;
}
.tm-section-heading h2 {
    font-size: 38px;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 9px;
    line-height: 34px;
}
.tm-section-heading p {
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
}
.tm-section-seperator {
    height: 15px;
    width: 170px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.tm-section-seperator:before {
    content: '';
    height: 2px;
    background-color: var(--main-color);
    width: 70px;
    position: absolute;
    left: 0;
    top: 6px;
}
.tm-section-seperator:after {
    content: '';
    height: 2px;
    background-color: var(--main-color);
    width: 70px;
    position: absolute;
    right: 0;
    top: 6px;
}
.tm-section-seperator span {
    position: absolute;
    height: 2px;
    width: 14px;
    background-color: gray;
    left: 50%;
    margin-left: -7px;
    top: 6px;
    -webkit-animation: tm-spin-animaiton 6s linear infinite;
    animation: tm-spin-animaiton 6s linear infinite;
}
.tm-section-seperator span:before {
    content: '';
    height: 7px;
    width: 2px;
    position: absolute;
    background-color: gray;
    top: 2px;
    left: 6px;
}
.tm-section-seperator span:after {
    content: '';
    height: 5px;
    width: 2px;
    position: absolute;
    background-color: gray;
    bottom: 3px;
    left: 6px;
}
@media only screen and (min-width: 768px) {
    body .Tabs_Topic img {
        height: 327px;
    }
}

@media only screen and (min-width: 992px) {
    body .Tabs_Topic img {
        min-height: 420px;
        height: 420px !important;
    }
}

@media only screen and (min-width: 1200px) {
    body .Tabs_Topic img {
        min-height: 500px;
        width: auto;
    }
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
    background-image: none !important;
}

/*images wrapper */


            .gallery {
              -moz-column-gap: 0;
                   column-gap: 0;
            }
            @media (min-width: 480px) {
              .gallery {
                -moz-column-count: 2;
                     column-count: 2;
              }
            }
            @media (min-width: 1260px) {
              .gallery {
                -moz-column-count: 3;
                column-count: 3;
                padding: 20px;
              }
            }
            
            .gallery-image {
              position: relative;
              margin: 0;
              padding: 0;
            }
            .gallery-image:before, .gallery-image:after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border: 16px solid rgba(0, 0, 0, 0.1);
              transition: all 0.2s;
              will-change: border;
            }
            .gallery-image:after {
              border-width: 0;
            }
            .gallery-image img {
              display: block;
              max-width: 100%;
              height: 450px;
              object-fit: contain;
            }
            html:not(.touch) .gallery-image {
              overflow: hidden;
            }
            html:not(.touch) .gallery-image:hover:before {
              border-width: 16px;
            }
            html:not(.touch) .gallery-image:hover:after {
              border-width: 32px;
            }
            .touch .gallery-image figcaption {
              top: auto;
              bottom: 2em;
            }
            
            .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
              opacity: 0;
              -webkit-backface-visibility: hidden;
                      backface-visibility: hidden;
              transition: all 0.3s ease-out;
            }
            .mfp-with-zoom.mfp-bg {
              background-color: rgba(0, 0, 0, 0.9);
            }
            .mfp-with-zoom.mfp-ready .mfp-container {
              opacity: 1;
            }
            .mfp-with-zoom.mfp-ready.mfp-bg {
              opacity: 1;
            }
            .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
              opacity: 0;
            }
            .mfp-with-zoom img.mfp-img {
              padding: 0;
            }
            .mfp-with-zoom .mfp-figure:after {
              top: 0;
              bottom: 0;
            }
            .mfp-with-zoom .mfp-container {
              padding: 0;
            }
            .mfp-with-zoom .mfp-content {
              overflow: hidden;
            }
            .mfp-with-zoom .mfp-bottom-bar {
              top: auto;
              bottom: 0;
              margin-top: 0;
            }
            .mfp-with-zoom .mfp-title {
              top: auto;
              bottom: 2em;
            }
            .mfp-arrow {
              opacity: 1;
              margin-top: 0 !important;
              width: 20%;
              height: 30%;
              transform: translateY(-50%);
            }
            .mfp-arrow:before, .mfp-arrow:after {
              margin: 0;
              border: none;
              width: 2rem;
              height: 2rem;
              transform: rotate(-45deg) translate(-50%, -100%);
              opacity: 1;
              top: 50%;
              left: 50%;
              transition: all 0.15s;
            }
            .mfp-arrow:active {
              transform: translateY(-50%) scale(0.95);
            }
            
            .mfp-arrow-left {
              left: 0;
            }
            .mfp-arrow-left:before, .mfp-arrow-left:after {
              border-top: 2px solid white;
              border-left: 2px solid white;
            }
            .mfp-arrow-left:after {
              margin-left: 2rem;
            }
            .mfp-arrow-left:hover:before, .mfp-arrow-left:active:before {
              margin-left: 2rem;
            }
            .mfp-arrow-left:hover:after, .mfp-arrow-left:active:after {
              margin-left: 0;
            }
            
            .mfp-arrow-right {
              right: 0;
            }
            .mfp-arrow-right:before, .mfp-arrow-right:after {
              border-right: 2px solid white;
              border-bottom: 2px solid white;
            }
            .mfp-arrow-right:after {
              margin-left: 2rem;
            }
            .mfp-arrow-right:hover:before {
              margin-left: 2rem;
            }
            .mfp-arrow-right:hover:after {
              margin-left: 0;
            }
            
            button.mfp-close {
              opacity: 1;
              margin-top: 0 !important;
              width: 20%;
              height: 30%;
              font: 0/0 serif;
              text-shadow: none;
              color: transparent;
            }
            button.mfp-close:before, button.mfp-close:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              margin: 0;
              border: none;
              width: 2rem;
              height: 2rem;
              opacity: 1;
              transition: all 0.15s;
              transform-origin: 0 0;
              border-top: 2px solid white;
              border-left: 2px solid white;
            }
            button.mfp-close:before {
              transform: rotate(-45deg);
            }
            button.mfp-close:after {
              transform: rotate(135deg);
            }
            button.mfp-close:hover:before {
              transform: rotate(135deg);
            }
            button.mfp-close:hover:after {
              transform: rotate(315deg);
            }
            button.mfp-close:active {
              transform: scale(0.95);
            }
            .mfp-with-zoom .mfp-title, .touch .gallery-image figcaption, html:not(.touch) .gallery-image figcaption {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              font-size: 14px;
              color: rgba(255, 255, 255, 0);
              padding: 1em;
              transition: all 0.2s ease;
              font-weight: 600;
              max-width: calc(100% - 9em);
              line-height: 1.25;
              text-align: center;
              box-sizing: border-box;
            }
            .mfp-with-zoom .mfp-title:before, .touch .gallery-image figcaption:before, html:not(.touch) .gallery-image figcaption:before, .mfp-with-zoom .mfp-title:after, .touch .gallery-image figcaption:after, html:not(.touch) .gallery-image figcaption:after {
              content: "";
              position: absolute;
              background: rgba(0, 0, 0, 0.2);
              width: 100%;
              height: 100%;
              padding: 1em;
              transition: all 0.3s ease-in-out;
              opacity: 0;
              z-index: -1;
            }
            .mfp-with-zoom .mfp-title:before, .touch .gallery-image figcaption:before, html:not(.touch) .gallery-image figcaption:before, .mfp-with-zoom .mfp-title:after, .touch .gallery-image figcaption:after, html:not(.touch) .gallery-image figcaption:after {
              right: 100%;
              bottom: 100%;
            }
            .mfp-with-zoom .mfp-title:after, .touch .gallery-image figcaption:after, html:not(.touch) .gallery-image figcaption:after {
              left: 100%;
              top: 100%;
            }
            
            .mfp-with-zoom.mfp-ready .mfp-title, .touch .gallery-image figcaption, html:not(.touch) .gallery-image:hover figcaption {
              color: white;
              text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
              transition: all 0.2s ease 0.3s;
            }
            .mfp-with-zoom.mfp-ready .mfp-title:before, .touch .gallery-image figcaption:before, html:not(.touch) .gallery-image:hover figcaption:before, .mfp-with-zoom.mfp-ready .mfp-title:after, .touch .gallery-image figcaption:after, html:not(.touch) .gallery-image:hover figcaption:after {
              opacity: 1;
            }
            .mfp-with-zoom.mfp-ready .mfp-title:before, .touch .gallery-image figcaption:before, html:not(.touch) .gallery-image:hover figcaption:before {
              right: -1.5em;
              bottom: -1.5em;
            }
            .mfp-with-zoom.mfp-ready .mfp-title:after, .touch .gallery-image figcaption:after, html:not(.touch) .gallery-image:hover figcaption:after {
              left: -1.5em;
              top: -1.5em;
            }
/*images wrapper */
  /***